<template>
	<view class="page-content">
		<scroll-view scroll-x class="bg-white nav">
			<view class="flex text-center">
				<view class="cu-item flex-sub tab" :class="tabCur == 0?'active cur':''" @tap="tabSelect" :data-id="0">
					累计返利
				</view>
				<view class="cu-item flex-sub tab" :class="tabCur == 1?'active cur':''" @tap="tabSelect" :data-id="1">
					啤酒币兑换
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabCur: 0
			};
		},
		methods: {
			tabSelect(e) {
				this.tabCur = e.currentTarget.dataset.id;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-content {
		height: 100vh;
		background: #FDFDFD;

		.tab {
			color: #A5A7B9;
		}

		.active {
			color: #1E2019;
		}
	}
</style>