|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<title>学考无忧-新增地址</title>
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
|
|
|
|
<style>
|
|
|
|
.mui-poppicker-header,
|
|
|
|
.mui-picker {
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="add_addressBox">
|
|
|
|
<!-- 顶部 -->
|
|
|
|
<div class="ad_top" style="background-color:white;">
|
|
|
|
<img class="ad_topImg" src="__TMPL__/public/assets/images/left.png" alt="">
|
|
|
|
<h1>收货地址</h1>
|
|
|
|
<p style="color:#FF7700;">保存</p>
|
|
|
|
</div>
|
|
|
|
<!-- 内容 -->
|
|
|
|
<div class="add_con">
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<label for="">姓名</label>
|
|
|
|
<input type="text" placeholder="请输入姓名">
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label for="">手机号</label>
|
|
|
|
<input type="text" placeholder="请输入手机号">
|
|
|
|
</li>
|
|
|
|
<li class="add_conThere">
|
|
|
|
<label for="">地区</label>
|
|
|
|
<div class="add_city" id="city_text" type="text" placeholder="">选择省市区</div>
|
|
|
|
<img src="__TMPL__/public/assets/images/29.png" alt="">
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label for="">详细地址</label>
|
|
|
|
<input type="text" placeholder="街道、小区、门牌号码">
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="add_detailAddress">
|
|
|
|
<textarea placeholder="请输入详细地址，不少于15字" maxlength="200"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="__TMPL__/public/assets/js/jquery.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
|
|
|
|
<script>
|
|
|
|
//mui 地址
|
|
|
|
var city_picker = new mui.PopPicker({
|
|
|
|
layer: 3
|
|
|
|
});
|
|
|
|
city_picker.setData(cityData3);
|
|
|
|
$("#city_text").on("tap", function() {
|
|
|
|
setTimeout(function() {
|
|
|
|
city_picker.show(function(items) {
|
|
|
|
$("#city_text").text((items[0] || {}).text + "," + (items[1] || {}).text + "," + (items[2] || {}).text); //该ID为接收城市ID字段
|
|
|
|
$('#city_text').css('color', 'black');
|
|
|
|
$("#city_text").html((items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text);
|
|
|
|
});
|
|
|
|
}, 200);
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
