<template>
	<view class="bg">
		<view class="item flex-between">
			<view>登录账号</view>
			<view>{{userInfo.mobile}}</view>
		</view>
		
		<view class="item flex-between" @click="gotoPath('/subPackages/user/changePassword')">
			<view>密码</view>
			<view>******<uni-icons style="vertical-align: text-bottom;" type="right" size="14"></uni-icons></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;
	}
	

</style>