<template>
	<view class="container" style="background:url('https://static.quhouse.com/b9063495ca9e481d9c540ab49e7dc3b8.png')no-repeat;background-size: contain;">
		<u-navbar :is-back="false" :border-bottom="false" title="我的" background="none"></u-navbar>
		<view class="info">
			<image class="avatar" src="/static/avatar.png" mode="" />
			<view class="name u-line-1">章三章三章三章三章三</view>
		</view>
		<view class="menu">
			<view class="menu-item">
				<view style="display:flex;">
					<image class="icon" src="/static/my/news.png" mode="" />
					消息通知
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item" @click="topage('my/contactList')">
				<view style="display:flex;">
					<image class="icon" src="/static/my/call.png" mode="" />
					通讯录
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item">
				<view style="display:flex;">
					<image class="icon" src="/static/my/house.png" mode="" />
					应收房租
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item">
				<view style="display:flex;">
					<image class="icon" src="/static/my/goonhetong.png" mode="" />
					续期合同
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item">
				<view style="display:flex;">
					<image class="icon" src="/static/my/phone.png" mode="" />
					客服电话
				</view>
				<view>
					400-8113936<image class="arrow" src="/static/my/arrow.png" mode="" />
				</view>
			</view>
			<view class="menu-item" @click="topage('my/networkquery')">
				<view style="display:flex;">
					<image class="icon" src="/static/my/net.png" mode="" />
					网络查询
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item" @click="topage('my/modifyPassword')">
				<view style="display:flex;">
					<image class="icon" src="/static/my/lock.png" mode="" />
					修改密码
				</view>
				<image class="arrow" src="/static/my/arrow.png" mode="" />
			</view>
			<view class="menu-item" style="border:0">
				<view style="display:flex;">
					<image class="icon" src="/static/my/system.png" mode="" />
					系统版本
				</view>
				<view>V2.1.11<image class="arrow" src="/static/my/arrow.png" mode="" />
				</view>
			</view>
		</view>
		<view class="logout">退出登录</view>
		<view class="agreement">
			<view>隐私政策</view>
			<view>服务协议</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		onLoad(options) {
		},
		onShow() {
		
		},
		methods: {
			topage(type){
				uni.navigateTo({
					url: '/pages/' + type
				})
			},
		},
		onHide: function() {},
	};
</script>

<style lang="scss" scoped>
.container{
	width: 100%;
	min-height: 100vh;
	padding: 0 40rpx 30rpx;
	
	.info{
		display: flex;
		align-items: center;
		margin: 40rpx 0 30rpx;
		.avatar{
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
			margin-right: 24rpx;
			flex: 0 0 100rpx;
		}
		.name{
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 44rpx;
			max-width: 590rpx;
		}
	}
	.menu{
		width: 670rpx;
		.menu-item{
			width: 100%;
			height: 104rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #e0e0e0;
			.icon{
				width: 36rpx;
				height: 36rpx;
				margin-right: 20rpx;
			}
			.arrow{
				width: 12rpx;
				height: 28rpx;
				margin-left: 20rpx;
			}
		}
	}
	.logout{
		width: 670rpx;
		height: 92rpx;
		line-height: 92rpx;
		text-align: center;
		background: #F8F8F8;
		border-radius: 12rpx;
		margin: 50rpx auto 30rpx;
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	.agreement{
	width: 670rpx;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 33rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FF6D25;
	line-height: 33rpx;
	}

}
</style>
