<template>
	<view>
		<car-common :login="true" mytitle="我的" :noback="false" 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">{{user.name}}</view>
			</view>
			<view class="u-m-l-10 u-p-10">
				<u-button type="primary" plain size="mini" shape="circle">修改资料</u-button>
			</view>
		</view>
		<!-- <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-cell-item title="乘车记录"></u-cell-item>
		</u-cell-group>
		
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item title="意见反馈"></u-cell-item>
				<u-cell-item title="已绑定手机号">{{showphone(user.phone)}}</u-cell-item>
				<u-cell-item title="重置密码"></u-cell-item>
				<u-cell-item title="关于车信达"></u-cell-item>
			</u-cell-group>
		</view>
		
		<view class="u-m-t-20">
			<view class="signOut" @click="signOut">退出账号</view>
		</view>
	</view>
</template>

<script>
	import api from './index.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;
}
</style>
