zhoufan
/
12345_Base_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<title>个人中心</title>
		<style>
			.count{
				color: #ff0006;
			}
			.icon_color{
				color: #00b4ff;
				margin-right: 3px;
				vertical-align: middle;
			}
			ul li a{
				font-size: 14px;
				    color: #585858;
			}
			.head{
				background: url(../img/per_bg_01.png) no-repeat;
				background-size: cover;
				width: 100%;
				height: 200px;
				position: relative;
			}
			.count_list{
				padding: 0;
				margin: 0;
				width: 100%;
			}
			.count_list li{
				 width: 33.3%;
				text-align: center;
				float: left;
				background: #eef7fd;
				list-style: none;
				padding: 12px 0;
				
			}
			.nickName_box{
				color: #fff;
				font-size: 20px;
				position: absolute;
			     right: 0;
			    left: 0;
			    top: 90px;
			    bottom: 0;
			    text-align: center;
			}
			.change_nickName{
				display: block;
			    font-size: 10px;
			    border: 1px solid #fff;
			    width: 100px;
			    margin: 9px auto;
			    border-radius: 20px;
			}
		</style>
	</head>
	<body>
			<div class="mui-content">
				<div class="head">
					<p class="nickName_box"><span class="nickName">豆芽儿</span><span class="change_nickName">请设置您的昵称</span></p>
					
				</div>
				<ul class="count_list clearFix">
					<li><a href="">全部记录<span class="count">100</span></a></li>
					<li><a href="">全部记录<span class="count">100</span></a></li>
					<li><a href="">全部记录<span class="count">100</span></a></li>
				</ul>
				
				<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<span class="iconfont icon-caogaoxiang icon_color" style="font-size: 18px;"></span>我的诉求<span class="count">(100)</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<span class="iconfont icon-wuyetousu icon_color" style="font-size: 22px;"></span>投诉记录<span class="count">(0)</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<span class="iconfont icon-zixun icon_color"></span>咨询记录<span class="count">(100)</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<span class="iconfont icon-youjianshezhi icon_color"></span>建议记录<span class="count">(0)</span>
					</a>
				</li>
			</ul>
			
			
			</div>
		<script src="../js/mui.min.js"></script>
		<script src="../layui/layui.js"></script>
		<script src="../js/zepto.js"></script>
        <script src="../Script/Common/huayi.config.js"></script>
        <script src="../Script/Common/huayi.http.js"></script>
        <script>
        	
        </script>
	</body>
</html>