44 lines
787 B
Vue
44 lines
787 B
Vue
|
<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>
|