<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>个人中心</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="_centent">
<header>
<div class="rt-bk">
<i class="bk"></i>
<p>返回</p>
</div>
<div class="top-name"><p>个人中心</p></div>
</header>
<div class="head">
<div class="head-img">
<img src="img/head-img.png">
</div>
<div class="head-dsb">
<p class="dsb-name">--凌乱</p>
<p class="dsb-id">ID 1271543621</p>
</div>
</div>
<div class="nav">
<ul>
<li>
<i class="idt"></i>
<p>订单</p>
</li>
<li class="pt-line">
<i class="clt"></i>
<p>收藏</p>
</li>
<li>
<i class="rcm"></i>
<p>推荐</p>
</li>
</ul>
</div>
<section class="mt-1">
<div class="ps-lt">
<div class="lt-dsb">
<p>修改个人资料</p>
<i class="arr-right"></i>
</div>
<div class="lt-dsb cl-bb">
<p>修改密码</p>
<i class="arr-right"></i>
</div>
</div>
</section>
<section class="mt-2">
<div class="ps-lt">
<div class="lt-dsb cl-bb">
<p>声音推送通知</p>
<i class="check-on"></i>
</div>
</div>
</section>
<section class="mt-3">
<div class="ps-lt">
<div class="lt-dsb">
<p>猜你喜欢</p>
<i class="arr-right"></i>
</div>
</div>
<div class="ps-lt">
<div class="lt-dsb">
<p>附近热门</p>
<i class="arr-right"></i>
</div>
</div>
<div class="ps-lt">
<div class="lt-dsb">
<p>推荐商家</p>
<i class="arr-right"></i>
</div>
</div>
<div class="ps-lt">
<div class="lt-dsb cl-bb">
<p>设置</p>
<i class="arr-right"></i>
</div>
</div>
</section>
<div class="jg"></div>
</div>
<footer>
<div class="mune">
<img src="img/1.png">
<p>首页</p>
</div>
<div class="mune">
<img src="img/2.png">
<p>商家</p>
</div>
<div class="mune">
<img src="img/3.png">
<p>申请加盟</p>
</div>
<div class="mune">
<img src="img/4.png">
<p>个人中心</p>
</div>
</footer>
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$('.check-on').click(function(){
$(this).toggleClass('check-off');
})
</script>
</body>
</html>
【kk梦空间】IOS风格app手机个人中心页面模板.zip
版权申诉
115 浏览量
2024-04-20
18:53:53
上传
评论
收藏 3.6MB ZIP 举报
【kk梦空间】IOS风格app手机个人中心页面模板.zip （19个子文件） 
font 
myfont.TTC 5.76MB js jquery-1.7.1.min.js 92KB img 
on.png 20KB 组 25.png 104KB Thumbs.db 10KB 3.png 166KB projection.png 184KB clt.png 19KB off.png 20KB rcm.png 18KB rt-bk.png 3KB 1.png 166KB 4.png 167KB indent.png 18KB arr-right.png 3KB 2.png 166KB head-img.png 54KB css style.css 4KB
demo.html 3KB资源评论
