flying-monkey/pagesB/my-account/my-account.vue

<template>
	<view>
		<status-nav navBarTitle="我的账户" returnColor="#c2c2c2"></status-nav>
		<container-subgroup>
			<view slot="content" style="margin: 0 -30rpx;">
				<view class="disja tcenter bbot fon32">
					<view @tap="switchStatus(true)" class="width50 pad-x30" :class="current ? 'account-active' : ''">我的账户</view>
					<view @tap="switchStatus(false)" class="width50 pad-x30" :class="!current ? 'account-active' : ''">未结算工单</view>
				</view>
				<view class="bacf pad-sx30 mar-s20 mar-zy20 radius10">
					<view class="bbot mar-zy20 disjbac">
						<view class="disjcac fc">
							<view class="fon22 col9">账户总额(元)</view>
							<view class="fon42 bold">￥266.00</view>
						</view>
						<view class="disjcac fc">
							<view class="fon22 col9">联系客服?</view>
							<view class="fon42 bold"></view>
						</view>
					</view>
				</view>
			</view>
		</container-subgroup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current:true
			}
		},
		methods: {
			// 切换状态
			switchStatus(status){
				this.current = status;
			}
		}
	}
</script>

<style>

</style>