<!-- 个人中心 -->
<template>
	<view>
		<u-navbar :autoBack="false" title="我的"></u-navbar>
		<u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx" :lazy-load="true">
		</u--image>
		<view class="my_avatar">
			<view style="border: 1px solid #EEEEEE;border-radius: 50rpx;">
				<u--image :src="avatar" width="100rpx" height="100rpx" :lazy-load="true" shape="circle">
				</u--image>
			</view>
			<view style="margin-top: 10rpx;margin-bottom: 4rpx;">
				<u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx" :lazy-load="true">
				</u--image>
				<u--image v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true">
				</u--image>
			</view>
			<text>顾发航</text>
		</view>
		<view class="table">

		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				show: false,
				avatar: '/static/my/avatar.png',
				normal: '/static/my/wo_icon_pthy.png',
				VIP: '/static/my/wo_icon_vip.png'
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.u-status-bar {
		background-color: transparent !important;
	}

	.u-navbar__content {
		background-color: transparent !important;
	}

	.u-navbar__content__title {
		color: #fff !important;
	}

	.u-icon__icon {
		display: none !important;
	}

	.my_avatar {
		position: absolute;
		right: 325rpx;
		top: 148rpx;
		display: flex;
		flex-direction: column;
		align-items: center;


		text {
			font-size: 26rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 37rpx;

		}
	}
</style>
