<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-themes-web-app-capable" content="yes">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<meta name="format-detection" content="telephone=no">
<title>个人中心</title>
<script type="text/javascript" src="js/carousel-image.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<link rel="stylesheet" href="css/modify-main.css" type="text/css" media="all" />
<!--这里为地域选择的js和css-->
<link rel="stylesheet" type="text/css" href="css/mui.picker.css"/>
<link rel="stylesheet" type="text/css" href="css/mui.css"/>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/mui.picker.min.js"></script>
<script type="text/javascript" src="js/data.city.js"></script>
<script type="text/javascript" src="js/mui.poppicker.js"></script>
<link rel="stylesheet" href="css/public.css" />
<!--这里为时间的弹窗部分-->
<style>
.cp_list ul li span {
font-size: 0.23rem;
</style>
</head>
<body>
<header id="header">
<div class="header_con">
<div class="top_tit">个人中心</div>
<div class="right_div">
<a href=""></a>
</div>
</div>
</header>
<!--页面加载 开始-->
<div id="preloader">
<div id="status">
<p class="center-text"><span>拼命加载中···</span></p>
</div>
</div>
<!--页面加载 结束-->
<div id="content_div_b" class="p_bottom">
<div class="cp_list">
<ul class="photo-center" id="photo-center">
<li><img src="images/center-photo.png"></li>
<a href="#"><i>头像</i></a>
</ul>
<ul>
<li><em></em> 昵称
<a href="personal-name.html"><span>小扁豆</span></a>
</li>
<i></i>
</ul>
<ul>
<li><em></em> 微信号
<a href="#"><span>未绑定</span></a>
</li>
<a href="#"><i></i></a>
</ul>
<ul class="borefeff4">
<li onclick="document.getElementById('bigbox').style.display='block'"><em></em> 性别 <span>男</span></li>
<i></i>
</ul>
<ul>
<li><em></em>年龄 <span style="margin-right: -0.8rem;">
<select class="form-control">
<option>18</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>7</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</span></li>
<i></i>
</ul>
<ul>
<li><em></em> 地区 <span style="margin-right: -1.4rem;" id="city_text1" class="r-tx-txt2 r-tx-txt2s fl">安徽省 六安市</span></li>
<i></i>
</ul>
<ul class="borefeff4">
<li><em></em> 系统默认时间为 <label id="useData">20:00</label><strong style="color: #C6C6C6;">（答题前两分钟提醒）</strong></li>
</ul>
<ul>
<li><em></em> 震动 <span class="shock"></span></li>
</ul>
<ul>
<li><em></em> 闹铃 <span class="clock"></span></li>
</ul>
<ul class="borefeff4">
<li><em></em> 关于快答答题 </li>
<a href="about.html"><i></i></a>
</ul>
</div>
<div class="button-setup">退出</div>
</div>
<!--底部-->
<div class="bottom_box">
<div class="tab_bar" id="index" onclick="document.location.href='index.html';">
<img src="img/index.png"/>
<p >首页</p>
</div>
<div class="tab_bar" id="jf" onclick="document.location.href='integral.html';">
<img src="img/jifen.png"/>
<p>积分</p>
</div>
<div class="tab_bar" id="call" onclick="document.location.href='personal-callme.html';">
<img src="img/call.png"/>
<p>联系我们</p>
</div>
<div class="tab_bar" id="my" onclick="document.location.href='personal-center.html';">
<img src="img/my_on.png"/>
<p style="color: #5496F9;">我的</p>
</div>
</div>
<!--弹出框部分-->
<div class="bigbox" id="bigbox">
<div class="box" style="width:50%; height:90px;text-align:center; color: #000;">
<label style="margin-right:25px;"><input style="margin-right: 5px;" name="gender" type="radio" value="" />男</label>
<label><input style="margin-right: 5px;" name="gender" type="radio" value="" />女</label>
<div class="true-bigbox">确定</div>
</div>
<div class="mask" onclick="document.getElementById('bigbox').style.display='none'"></div>
</div>
<!--这里为按钮部分-->
<script>
$(document).ready(function() {
$(".shock").click(function() {
$(this).toggleClass("shock-off");
});
});
$(document).ready(function() {
$(".clock").click(function() {
$(this).toggleClass("clock-on");
});
});
$(document).ready(function() {
$(".true-bigbox").click(function() {
$(".bigbox").css({ "display": "none"});
});
});
</script>
<!--底部结束-->
<script>
//时间选择就不多说了，mui框架自带，重点是城市
var start_time_picker = new mui.DtPicker({"type":"time","beginYear":1960,"endYear":2020});
$("#useData").on("tap", function(){
setTimeout(function(){
start_time_picker.show(function(items){
$("#useData_id").val(items.text);
$("#useData").html(items.text);
});
},200);
});
//选择省市
var city_picker1 = new mui.PopPicker({layer:2});
city_picker1.setData(init_city_picker);
$("#city_text1").on("tap", function(){
setTimeout(function(){
city_picker1.show(function(items){
$("#city_id1").val((items[0] || {}).value + "," + (items[1] || {}).value);
$("#city_text1").html((items[0] || {}).text + " " + (items[1] || {}).text);
});
},200);
});
</script>
<script type="text/javascript">
$('#index').click(function(){
$('#jf>p,#call>p,#my>p').css('color','#323232');
$('#index>p').css('color','#5496F9');
$('#index>img').attr('src','img/index_on.png');
$('#jf>img').attr('src','img/jifen.png');
$('#call>img').attr('src','img/call.png');
$('#my>img').attr('src','img/my.png');
})
$('#jf').click(function(){
$('#index>p,#call>p,#my>p').css('color','#323232');
$('#jf>p').css('color','#5496F9');
$('#jf>img').attr('src','img/jifen_on.png');
$('#index>img').attr('src','img/index.png');
$('#call>img').attr('src','img/call.png');
$('#my>img').attr('src','img/my.png');
})
$('#call').click(function(){
$('#jf>p,#index>p,#my>p').css('color','#323232');
$('#call>p').css('color','#5496F9');
$('#call>img').attr('src','img/call_on.png');
$('#jf>img').attr('src','img/jifen.png');
$('#index>img').attr('src','img/index.png');
$('#my>img').attr('src','img/my.png');
})
$('#my').click(function(){
$('#jf>p,#call>p,#index>p').css('color','#323232');
$('#my>p').css('color','#5496F9');
$('#my>img').attr('src','img/my_on.png');
$('#jf>img').attr('src','img/jifen.png');
$('#call>img').attr('src','img/call.png');
$('#index>img').attr('src','img/index.png');
})
</script>
</body>
</html>
快答答题手机app页面模板源码 （192个子文件） 
mui.css 74KB main.css 37KB public_h.css 13KB modify-main.css 11KB denglu.css 9KB mui.picker.css 5KB answer.css 4KB integral.css 4KB sign.css 4KB about.css 3KB index.css 3KB public.css 2KB news.css 1KB denglu_h.css 912B message.css 818B
personal-center.html 8KB integral.html 8KB index.html 7KB personal-callme.html 6KB mouthly.html 5KB answer.html 4KB message.html 3KB ranking_ls.html 3KB prize-information.html 3KB Sign_in.html 3KB ans_outline.html 3KB totalpoints.html 3KB about.html 3KB ranking.html 3KB help.html 2KB notice.html 2KB function.html 2KB obtain-title1.html 2KB update.html 2KB obtain-title.html 2KB personal-name.html 2KB
tx_01.jpg 78KB 2.jpg 51KB h02.jpg 44KB h01.jpg 43KB iphone2.jpg 39KB m01.jpg 28KB iphone1.jpg 18KB cp01.jpg 12KB cp02.jpg 11KB cp04.jpg 11KB iphone.jpg 10KB cp03.jpg 8KB cp06.jpg 7KB loading.jpg 7KB cp05.jpg 4KB tx03.jpg 3KB tx04.jpg 3KB tx01.jpg 3KB tx02.jpg 3KB no_jl.jpg 2KB lodding.jpg 2KB data.city.js 181KB mui.min.js 113KB jquery-1.7.2.min.js 93KB jquery.min.js 90KB zepto.js 83KB jquery-1.4.2.min.js 78KB mui.picker.min.js 18KB jquery.SuperSlide.2.1.js 16KB carousel-image.js 8KB mui.poppicker.js 5KB common.js 2KB
call-me_02.png 199KB zf_bg.png 168KB bg_02.png 149KB bg_pm.png 105KB btn_dati.png 84KB 首页.png 80KB banner.png 39KB jpxx.png 27KB zongfen.png 27KB 3.png 24KB bg_cord.png 22KB center-photo.png 22KB bg1_04.png 18KB lcpm.png 14KB hf_xx.png 13KB hj_xx.png 13KB jf_zj.png 13KB jf_js.png 13KB xt_xx.png 13KB wj_icon.png 12KB dtdg.png 11KB icons_os1.png 11KB icons_home.png 11KB fx_icon.png 10KB zj_02.png 10KB zj_01.png 9KB zj_03.png 7KB ans_logo.png 7KB icons_os.png 7KB wechat_sign.png 6KB sign_logo.png 6KB icon-bottom.png 5KB共 192 条
- 1
- 2
评论0