<!-- 个人中心 -->
<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">
			<u-cell-group>
				<u-cell size="large" title="绑定公司" icon="/static/my/wo_icon_bd.png" :isLink="true" value="未绑定公司"
					@click="bindCompany()">
				</u-cell>
				<u-cell size="large" title="会员中心" icon="/static/my/wo_icon_hyzx.png" :isLink="true"></u-cell>
				<u-cell size="large" title="浏览记录" icon="/static/my/wo_icon_lljl.png" :isLink="true"
					@click="toBrowseHistory()"></u-cell>
				<u-cell size="large" title="我的收藏" icon="/static/my/wo_icon_sc.png" :isLink="true"
					@click="toMyCollect()"></u-cell>
				<u-cell size="large" title="联系客服" icon="/static/my/wo_icon_lxkf.png" :isLink="true"></u-cell>
			</u-cell-group>
		</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: {
			//跳转到绑定公司页面
			bindCompany() {
				uni.navigateTo({
					url: '/pages/bindCompony/bindCompony'
				})
			},
			//跳转到浏览记录页面
			toBrowseHistory() {
				uni.navigateTo({
					url: '/pages/browseHistory/browseHistory?id=' + 1
				})
			},
			//跳转到我的收藏页面
			toMyCollect() {
				uni.navigateTo({
					url: '/pages/browseHistory/browseHistory?id=' + 2
				})
			}
		}
	}
</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;
	}

	.uicon-arrow-left {
		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;

		}
	}

	.table {
		background-color: #fff;
		margin-top: 50rpx;
	}

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

	.u-cell--clickable {
		background-color: #fff !important;
	}

	.u-cell {
		border-bottom: 1rpx solid #EEEEEE;

	}

	.u-icon__icon--info {
		font-size: 28rpx !important;
	}

	.u-cell__title-text {
		margin-left: 20rpx;
		font-size: 24rpx !important;
		color: #252421;
		line-height: 33rpx !important;
	}

	.u-cell__value {
		font-size: 24rpx !important;
		color: #CCCCCC !important;
	}
</style>
