jp-commuter-ds/pages/my/user/updateinfo.vue

<template>
	<view>
		<car-common :login="true" mytitle="修改个人资料"   ref="common"></car-common>
		
 
		<!-- <view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30 u-p-t-30">
			<view class="u-m-r-20">
				<u-avatar :src="pic" size="100"></u-avatar>
			</view>
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">登录/注册</view>
			</view>
		</view> -->
		 
		<u-cell-group>
			<u-field style="color: #606266;"
						v-model="user.name"
						label="用户名"
						placeholder="请填写用户名"
						input-align="right"
					></u-field>
				
		
			<u-cell-item title="手机号码"  :arrow="false" >{{showphone(user.phone)}}</u-cell-item>
			<u-cell-item title="人脸识别照片"  >
				<u-avatar :src="pic" size="50" @click="upload"></u-avatar>
				</u-cell-item>
			
		</u-cell-group>
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item title="是否接收乘车消息"  :arrow="false" >
					<u-checkbox 
									shape="circle"
									v-model="user.acceptMessage" 
								
								></u-checkbox>
					
					
				</u-cell-item>
				
			</u-cell-group>
		</view>
		
		
		
		<view class="upload-button">
			<u-button type="primary" shape="circle" @click="submit()">提交</u-button>
		</view>
	</view>
</template>

<script>
	import api from './updateinfo.js'
	export default api;
</script>

<style lang="scss">
page{
	background-color: #ededed;
}

.camera{
	width: 54px;
	height: 44px;
	
	&:active{
		background-color: #ededed;
	}
}
.user-box{
	background-color: #fff;
}
.signOut{
	height: 50px;
	background-color: #fff;
	text-align: center;
	line-height: 50px;
}
	.upload-button{
		position: fixed;
		left: 30rpx;
		bottom:30rpx;
		right: 30rpx;
	}
</style>