zc_saas_h5/pages2/wd/info.vue

<template>
	<view >
	<image mode="widthFix" src="/static/wd_bg_login.jpg" class="login_full_img"></image>
	<u-navbar  title="我的资料" :border-bottom="false" background="{ background: '#ffffff',opacity:0.4; }" title-color="#ffffff" back-icon-color="#ffffff">
		
	</u-navbar>
	
	<view  class="loginBox">
		<view style="display: flex;height: 160rpx;justify-content: center;" >
			<view style="text-align: center;">
				<image  src="https://file-dev.xyyxt.net/oss/images/avatar/20210623/1624414559368_44562477.png" class="avatar"></image>
				<view class="nick">倪虹洁</view>
				<view>
					<view class="item">
						<view>我的昵称</view>
						<view>倪虹洁<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>性别</view>
						<view>请选择性别<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>年龄</view>
						<view>请填写年龄<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>关联学员身份</view>
						<view>012345678987654321<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>所在城市</view>
						<view>广东省广州市天河区<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>手机号码</view>
						<view>13800138000<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
					<view class="item">
						<view>微信绑定</view>
						<view>nihongjiewechat<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
	
	</view>
</template>

<script>
	import {mapGetters} from 'vuex';
export default {
	data() {
		return {
			
			
		};
	},
	onReady() {
		
	},
	onLoad(option) {
		
	},
	methods: {
		
	}
	
};
</script>
<style >
	page{
		background-color: #F0F1F5;
	}
	
</style>

<style scope>
	.item{
		width: 686rpx;
		height: 80rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		display: flex;
		color: #666666;
		align-items: center;
		justify-content: space-between;
		padding: 0 20rpx;
		margin-top: 30rpx;
	}
	.nick{
		font-size: 36rpx;
		font-weight: bold;
		color: #007AFF;
		margin-top: 20rpx;
	}
	.loginBox{
		position: relative;
		top: -108px;
	}
	.avatar{
		width: 80px;
		height: 80px;
	}
	.login_full_img {
		display: block;
		width: 100%;
		height: 280rpx !important;
		z-index: -999;
		top: 0;
	}
	.full_img {
		display: block;
		width: 100%;
		z-index: -999;
		top: 0;
	}
	.loginBtn{
		width: 526rpx;
		height: 80rpx;
		background: linear-gradient(90deg, #015EEA, #00C0FA);
		box-shadow: 0rpx 10rpx 16rpx 4rpx rgba(1, 99, 235, 0.04);
		border-radius: 40rpx;
		color: #FFFFFF;
		line-height: 80rpx;
		margin: 0 auto;
		margin-top: 50rpx;
	}
</style>