SmartBeehive/pages/my.vue

<template>
	<view class="page">
		<u-navbar is-back="false" :title="title" :border-bottom="false" :background="bgc" title-color='#000'
			title-size='36' :title-bold='true' height='45' id="navbar">
		</u-navbar>
		<view class="atv">
			<image src="" mode="">
				
			</image>
		</view>
		<view class="change">
			身份切换
		</view>
		<view class="btn_li">
			隐私政策 <view class="iconfont icon-xiangyou1"></view>
		</view>
		<view class="btn_li">
			用户协议 <view class="iconfont icon-xiangyou1"></view>
		</view><view class="btn_li">
			关于我们 <view class="iconfont icon-xiangyou1"></view>
		</view><view class="btn_li">
			设置 <view class="iconfont icon-xiangyou1"></view>
		</view>
		<tab-bar :indexs='4' style=""></tab-bar>
	
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgc: {
					backgroundColor: " #F4FAF8",
				},
				title: "我的",
				
			}
		},
		onLoad() {
	
		},
		onShow() {
				
		},
		methods: {
			
			
		}
	}
</script>

<style lang="scss" >
page{
	background-color:#FAFDFD;
}
.page{
	// position: relative;
	width: 750rpx;
	.atv{
		width: 206rpx;
		height: 206rpx;
		background: #D8D8D8;
		border-radius: 50%;
		margin: 100rpx auto 0;
		image{
			width: 206rpx;
			height: 206rpx;
			border-radius: 50%;
		}
		
	}
	.change{
		width: 100%;
		text-align: center;
		margin-top: 38rpx;
		font-weight: 600;
		font-size: 36rpx;
		color: #3D3D3D;
	}	
	.btn_li{
		margin: 38rpx auto 0;
		padding: 22rpx;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		width: 658rpx;
		height: 88rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.15);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		
		font-weight: 600;
		font-size: 32rpx;
		color: #3D3D3D;
	}
	
	
}

</style>