<template>
	<view>
		<uni-list>
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="phoneIcon" title="手机号" rightText="135617623" />
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="mailIcon" title="邮箱" rightText="135617623" />
			<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'
				},
				pwdIcon: {
					color: '#007eff',
					size: '22',
					type: 'locked'
				}
			}
		},
		methods: {
			toPage(path) {
				this.$util.to(path)
			}
		}
	}
</script>

<style>

</style>
