<template>
	<view class="u-font-28 default-box-padding u-relative bg-fff border-r-12 u-overflow-hide">
		<view class="change u-absolute my-bg-main color-fff  left-top" >切换</view>
		<view class="u-flex	u-row-between u-m-t-20 border-bottom u-p-b-20">
			<view class="u-flex">
				<my-avatar :size="30"></my-avatar>
				<view class="color-666 u-m-l-30">未绑定手机号</view>
			</view>
			<view>
				<my-button :height="60" plain shape="circle">他的订单</my-button>
			</view>
		</view>
		<view class="u-flex u-m-t-20 u-row-between">
			<view class="">
				<view class="font-bold">0.00</view>
				<view class="color-666 u-m-t-10">余额</view>
			</view>
			<view class="">
				<view class="font-bold">0.00</view>
				<view class="color-666 u-m-t-10">积分</view>
			</view>
			<view class="">
				<view class="font-bold">0.00</view>
				<view class="color-666 u-m-t-10">已消费</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
.change{
	padding: 4rpx 16rpx;
	border-radius: 0 0 16rpx 0;
	z-index: 2;
}	

</style>