<template>
	<view class="bg">
		<view class="item flex-between">
			<view>登录账号</view>
			<view>{{userInfo.mobile}}</view>
		</view>
		
		<view class="item flex-between">
			<view>密码</view>
			<view>****** <image url="https://static.ticket.sz-trip.com/tourGuide/images/user/rightGray.png"></image></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {}
			}
		},
		onShow() {
			this.userInfo = (uni.getStorageSync('userInfo') && JSON.parse(uni.getStorageSync('userInfo'))) || this.$store.state.user.userInfo || {}
			console.log(this.userInfo)
		}
	}
</script>

<style lang="scss" scoped>
	.bg {
		min-height: 100vh;
		background: #F5F5F5;
		padding: 0 26rpx;
	}
	
	.item {
		height: 110rpx;
		font-weight: 500;
		font-size: 28rpx;
		color: #000000;
		border-bottom: 1rpx solid #D8D8D8;
		
		image {
			width: 11.33rpx;
			height: 20rpx;
			margin-left: 20rpx;
			vertical-align: middle;
		}
	}
</style>