You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.3 KiB
62 lines
1.3 KiB
<template>
|
|
<view class="u-page">
|
|
<view class="se-p-40 se-pos">
|
|
<image class="se-w-p-100 se-h-300 se-br-20" src="@/static/image/6584.png" mode=""></image>
|
|
<view class="se-pos-lc se-fs-32 se-c-white se-flex se-flex-v se-flex-ff se-pl-60">
|
|
<text>钱包（元）</text>
|
|
<text class="se-mt-20 se-fw-6 se-fs-34">￥7890元</text>
|
|
</view>
|
|
</view>
|
|
<view class="se-mx-40">
|
|
<u-tabs :list="nav"
|
|
:current="current"
|
|
lineColor="#ff7a31"
|
|
:activeStyle="{
|
|
color: '#ff7a31',
|
|
transform: 'scale(1.05)'
|
|
}"
|
|
:inactiveStyle="{
|
|
color: '#333',
|
|
transform: 'scale(1)'
|
|
}"
|
|
:scrollable="true"
|
|
itemStyle="padding-left: 20rpx; padding-right: 20rpx;font-size:18rpx; height: 60rpx;"
|
|
@click="tabClick"></u-tabs>
|
|
</view>
|
|
<withdrawalBox v-if="current==0" />
|
|
<rechargeBox v-if="current==1" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import withdrawalBox from "./component/withdrawal.vue"
|
|
import rechargeBox from "./component/recharge.vue"
|
|
export default{
|
|
components:{
|
|
withdrawalBox,
|
|
rechargeBox
|
|
},
|
|
data(){
|
|
return{
|
|
current:0,
|
|
nav: [
|
|
{
|
|
name: '提现',
|
|
}, {
|
|
name: '充值',
|
|
}
|
|
],
|
|
money:null,
|
|
|
|
}
|
|
},
|
|
methods:{
|
|
tabClick(event){
|
|
this.current = event.index
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|