<template>
	<view>
		<uni-list>
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="phoneIcon" title="手机号" :rightText="info.phone" />
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="mailIcon" title="邮箱" :rightText="info.email" />
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="accountIcon" title="账号" :rightText="info.account" />
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="pwdIcon" title="密码" rightText="******" clickable  @click="toPage('../password/password')" />
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phoneIcon: {
					color: '#007eff',
					size: '22',
					type: 'phone'
				},
				mailIcon: {
					color: '#007eff',
					size: '22',
					type: 'email'
				},
				accountIcon: {
					color: '#007eff',
					size: '22',
					type: 'person'
				},
				pwdIcon: {
					color: '#007eff',
					size: '22',
					type: 'locked'
				},
				info: uni.getStorageSync('info')
			}
		},
		methods: {
			toPage(path) {
				this.$util.to(path)
			}
		}
	}
</script>

<style>

</style>
