<template>
	<view class="container">
		<tui-list-view>
			<tui-list-cell :arrow="false">
				<view class="tui-item-box">
					<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
					<view class="tui-list-cell_name">账号</view>
					<view class="tui-ml-auto">
						{{user.account}}
					</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :arrow="false">
				<view class="tui-item-box">
					<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
					<view class="tui-list-cell_name">姓名</view>
					<view class="tui-ml-auto">
						{{user.name}}
					</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :arrow="false">
				<view class="tui-item-box">
					<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
					<view class="tui-list-cell_name">角色</view>
					<view class="tui-ml-auto">
						{{user.name}}
					</view>
				</view>
			</tui-list-cell>
			<tui-list-cell :arrow="false">
				<view class="tui-item-box">
					<tui-icon style="display:none" name="explore-fill" :size="24" color="#19be6b"></tui-icon>
					<view class="tui-list-cell_name">联系电话</view>
					<view class="tui-ml-auto">
						{{user.mobile}}
					</view>
				</view>
			</tui-list-cell>
		</tui-list-view>
	</view>
</template>

<script>
	import myapp from '@/common/js/myapp.js'
	export default {
		data() {
			return {
				user: {}
			}
		},
		onShow: function() {
			let user = myapp.checkLogin()
			this.user = user
			uni.setStorageSync('lastPagePath', '/packagePage/pages/userinfo/userinfo')
			console.info(user)
		}
	}
</script>

<style>
	page {
		background-color: #F5F6FA;
	}	
	
	.container {
		padding-bottom: env(safe-area-inset-bottom);
	}

	.tui-item-box {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.tui-list-cell_name {
		padding-left: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tui-ml-auto {
		margin-left: auto;
	}
	
	.tui-list-cell {
		margin-bottom:20rpx;
	}
</style>
