T

apps/home/Tpl/default/User/address_w3g.html

@@ -20,7 +20,19 @@
 				</div>
 			</van-cell-group>
 		</div>
-		<div class="covers"></div>
+		
+		<van-popup v-model="showPicker" round position="bottom">
+			<van-picker 
+				show-toolbar 
+				title="收货地址" 
+				:columns="columns" 
+				:loading="loading"
+				@confirm="onAreaConfirm"
+				@cancel="onAreaCancel"
+				@change="onAreaChange"></van-picker>
+		</van-popup>
+		
+<!-- 		<div class="covers"></div> -->
 		<!--                    <div class="header2">
 		                        <a <if condition="$_GET['param']"> href="{:U('mall/Goods/pay',['vst'=>$_GET['param']])}" <else/> href="{:U('home/User/index')}" </if>class="icon-back"></a>
 		                        <div>新增收货地址</div>
@@ -93,7 +105,7 @@
             </div>
         </if> -->
 
-        <div class="adressbox">
+       <div class="adressbox">
             <volist name="data['data']" id="vo">
                 <hr>
                 <dl>
@@ -108,7 +120,7 @@
                         <div class="bot">{$vo.location} {$vo.address}</div>
                     </dt>
                     <dd>
-                        <label><i style="color: <eq name="vo.is_default" value="1">#57BC4C; <else/>rgb(237, 237, 237);</eq>;" class="iconfontNEW"><eq name="vo.is_default" value="1">&#xe6ab;<else/>&#x15fd;</eq></i><!--<input type="checkbox" disabled <eq name="vo.is_default" value="1">checked</eq>>-->默认地址</label>
+                        <label><i style="color: <eq name="vo.is_default" value="1">#57BC4C; <else/>rgb(237, 237, 237);</eq>;" class="iconfontNEW"><eq name="vo.is_default" value="1">&#xe6ab;<else/>&#x15fd;</eq></i>默认地址</label>
                         <a   href="javascript:;"  onclick ="delAddress(this,{$vo['id']})"><i class="iconfontNEW">&#xe690;</i>删除</a>
                         <a <if condition="$_GET['param']"> href="{:U('home/User/address',['id'=>$vo['id'],'param'=>$_GET['param']])}" <else/> href="{:U('home/User/address',array('id'=>$vo['id']))}" </if> ><i class="iconfontNEW">&#xe64b;</i>编辑</a>
                     </dd>
@@ -129,7 +141,10 @@
 					name: "{$address['name']}",
 					phone: "{$address['phone']}",
 					area: "{$address.location}",
-					address: "{$address['address']}"
+					address: "{$address['address']}",
+					showPicker: false,
+					loading: false,
+					columns: []
 				}
 			},
 			created:function(){
@@ -142,17 +157,39 @@
 			},
 			methods: {
 				onArea: function() {
-					$(".covers").show();
-					$(this).siblings(".gender-box").show(200);
-					$("body").css("overflow","visible");
+					let that = this
+					that.showPicker = true
+					if(that.columns.length == 0) {
+						that.loading = true
+						
+					} else {
+						
+					}
+				},
+				onAreaConfirm: function(r) {
+					
+				},
+				onAreaCancel: function(r) {
+					
+				},
+				onAreaChange: function(r) {
+					
 				},
 				saveAddress: function() {
 					
 				},
-				hideArea: function() {
-					$(".gender-box").hide(200)
-					$(".covers").hide();
-					$("body").css("scr","auto");
+				
+				//Helper
+				getCity: function() {
+					$.ajax({
+					    type:'POST',
+					    url:"{:U('home/User/getAreaList')}",
+					    data:{id:id},
+					    dataType:'json',
+					    success:function(res){
+					        console.log(res)
+					    }
+					});
 				}
 			}
 		})