sport_pc/.svn/pristine/04/041e6873810de6858a75d0c31481c469a1fc3dd7.svn-base

<template>
	<div style="height:100vh">
		<yd-navbar title="个人资料" color="#fff">
			<router-link :to="{path: '/PersonalCenter' }" slot="left">
				<yd-navbar-back-icon style="color: #fff"></yd-navbar-back-icon>
			</router-link>
		</yd-navbar>
		<div class="tips">
			请完善您的个人资料，以便尽情享受我们网站提供的所有服务。
		</div>
		<div class="form">
			<ul>
				<li>
					<label for="user">账号</label>
					<input class="disabled" id="user" type="text" placeholder="账号不能修改" disabled="disabled">
				</li>

				<li>
					<label for="password">密码</label>
					<input class="disabled" id="password" type="text" placeholder="****" disabled="disabled">
				</li>

				<li>
					<label for="photo">头像</label>
					<input type="file" placeholder="上传头像">
				</li>

				<li>
					<label for="name">昵称</label>
					<input class="nodisabled" id="name" type="text" placeholder="请输入昵称">
				</li>

				<li>
					<label for="qq">QQ号</label>
					<input class="nodisabled" id="qq" type="text" placeholder="请输入QQ号">
				</li>

				<li>
					<label for="phone">手机号</label>
					<input class="nodisabled" id="phone" type="text" placeholder="请输入手机号">
				</li>

				<li>
					<label for="email">邮箱地址</label>
					<input class="nodisabled" id="email" type="text" placeholder="请输入邮箱">
				</li>

			</ul>

		</div>

		<yd-tabbar slot="tabbar">
			<yd-button size="large" type="primary">完成注册</yd-button>
		</yd-tabbar>
	</div>
</template>

<script>
	export default {
		name: "PersonInfo"
	}
</script>

<style scoped>
	.yd-btn-block {
		margin-top: 0.6rem;
	}
	.yd-navbar {
		background-image: linear-gradient(0deg, #565656 0%, #999999 100%);
	}
	.tips {
		text-align: center;
		color: #FF6600;
		height:0.8rem;
		line-height: 0.8rem;
		background:rgba(255,235,196,1);
	}
	.form {
		background:#E4E4E4;
		border-radius:10px;
		padding:0.3rem;
	}
	.form ul {
		padding:0.3rem;
		background:#EFEFEF;
		border-radius:10px;
	}
	.form ul li {
		height: 0.8rem;
		line-height: 0.8rem;
		margin-bottom: 0.2rem;
	}
	.form ul li label {
		width: 1.2rem;
		display: inline-block;
	}
	.form ul li input.disabled {
		width: 70%;
		height: 0.8rem;
		line-height: 0.8rem;
		border:none;
		outline:none;
		background:rgba(228,228,228,1);
		border:1px solid rgba(228,228,228,1);
		padding-left: 0.2rem;
	}
	.form ul li input.nodisabled {
		width: 70%;
		height: 0.8rem;
		line-height: 0.8rem;
		border:none;
		outline:none;
		background:#fff;
		border:1px solid rgba(228,228,228,1);
		padding-left: 0.2rem;
	}

	.yd-tabbar {
		margin: 0 auto;
		width: 80%;
		background-color: transparent !important;
	}
	.yd-btn-block {
		margin-top: 0;
		border-radius: 10px;
		background:linear-gradient(0deg,rgba(90,90,90,1) 0%,rgba(138,138,138,1) 100%);
	}
</style>