<template>
	<view class="p-20">
		<view class="c-menu">
			<u-cell title="我的昵称" :value="userInfo.nickName"></u-cell>
			<u-cell title="我的手机号" :value="userInfo.phone"></u-cell>
			<u-cell title="我的ID" :value="userInfo.id"></u-cell>
			<u-cell title="我的微信" :value="userInfo.openId ? '已绑定' : '未绑定'" :isLink="true" arrow-direction="right"></u-cell>
		</view>
		<view class="c-menu">
			<u-cell title="登录密码" :isLink="true" arrow-direction="right" :url="'/pages/login/forgetPwd/forgetPwd?phone='+userInfo.phone"></u-cell>
		</view>
		
		<view style="height: 50upx;"></view>
		<u-button type="default" :plain="true" shape="circle" text="退出登录" color="red" throttleTime="200" :customStyle="{border: 'none'}"></u-button>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			...mapState(['userInfo'])
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
