benwei_new
/
个人中心2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>保存资料</title>
		       <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		        <link href="css/mui.min.css" rel="stylesheet" />
         <link href="css/mui.picker.min.css" rel="stylesheet" />
		        <link href="css/font-awesome.min.css" rel="stylesheet" />
		        <link href="css/bass.css" rel="stylesheet" />
		        <link href="css/style.css" rel="stylesheet" />


	</head>
	<body>

     <header class="cen pd bgff">
             <p class="pt20">
               <img src="img/mv.jpg" class="user_icon_a yj">

            </p>
         <p class="mt5 pr">
          <span class="fz16">吃素有益</span><br>


         </p>
         <p class="cen mt5">
           <a class="yj4 ssd_ooiut">修改头像</a>
         </p>
     </header>

        <section class="pd mt30">
           <ul class="ssd_ooiiu_w">
              <li>
                  <span class="zc fl ssd_ssd_s">
                  昵 称：
                  </span>
                 <section class="ov">
                    <input type="text" placeholder="填写昵称">
                  </section>
                  <p class="qc"></p>

               </li>
                <li>
                  <span class="zc fl ssd_ssd_s">
                性 别：
                  </span>
                 <section class="ov ssd_poiux pt5">
                   <!-- <input type="text" placeholder="选择性别">-->
                    <span class="zc ml10 ls">
                      <i class="fa fa-mars"></i>
                        男
                     </span>
                        <span class="zc ml10">
                      <i class="fa fa-mars-stroke"></i>
                        女
                     </span>
                  </section>
                  <p class="qc"></p>

               </li>
                     <li>
                  <span class="zc fl ssd_ssd_s">
                 手机号码：
                  </span>
                 <section class="ov">
                    <input type="tel" placeholder="请填写手机号">
                  </section>
                  <p class="qc"></p>

               </li>

                      <li>
                  <span class="zc fl ssd_ssd_s">
                 出生日期：
                  </span>
                 <section class="ov">
                    <input type="text" placeholder="选择日期" class="time" readonly   >
                  </section>
                  <p class="qc"></p>

               </li>
                       <li>
                  <span class="zc fl ssd_ssd_s ssd_ssd_q">
                 所 在 地：
                  </span>
                 <section class="ov">
                    <input type="text" placeholder="选择所在地" class="select_po" readonly>
                  </section>
                  <p class="qc"></p>

               </li>

            </ul>


            <p class="mt40">
            <button  class="mui-btn w100 bgls pt fz16 ssd_suxdf" type="submit">保存资料</button>
            </p>
        </section>


            <section class="aassd_sder">
       <section class="mui-col-xs-10 bgff au  fdsf_ssert pt10 pm10 cen">
            <section class="mui-col-xs-7 au pt10 pm10">
              <p class="zd suyt_title pm5"><i class="fa fa-check-circle ls fz20 mr10 suce_ico"></i>保存资料成功</p>
                <p class="fz12 ls mt5">
                 即将跳转至个人中心
                </p>
           </section>
        </section>
    </section>
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/mui.min.js"></script>
        <script src="js/mui.picker.min.js"></script>
          <script src="js/city.data-3.js"></script>
        <script>
          $(function(){
              $(".ssd_poiux span").on("tap",function(){
                   $(".ssd_poiux span").removeClass("ls")
                  $(this).addClass("ls")
              })

              var dtPicker = new mui.DtPicker({

"beginYear":"1950"//开始时间

});
            $('.time').on("tap",function(){
                var hgp=$(this)
                dtPicker.show(function (rs) {
                    $(hgp).val(rs.text)
                  })

            })

             var picker = new mui.PopPicker({"layer":[3]});


            picker.setData(cityData3)
            $(".select_po").on("tap",function(){
                var hjhg=$(this)
                 picker.show(function (rl) {
              $(hjhg).val(rl[0].text+"-"+rl[1].text+(rl[2].text==undefined?'':"-"+rl[2].text))
            })
            })

            $(".ssd_suxdf,.aassd_sder ").on("click",function(){
                $(".aassd_sder").toggleClass("show")
                setTimeout(function(){
                    window.location.href="个人中心.html"
                },2000)
            })

          })
        </script>
	</body>
</html>