顺带件简单交互

js/shundaijian.js

@@ -1,6 +1,7 @@
 mui.plusReady(function(){
 	
 })
+const waiting = plus.nativeUI.showWaiting("正在加载")
 
 const app = new Vue({
 	el: '#app',
@@ -29,6 +30,7 @@ const app = new Vue({
 			// 		self.back();
 			// 	}
 			// });
+			waiting.close();
 			this.orderList = [
 				{
 					from_address: '测试dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
@@ -38,19 +40,76 @@ const app = new Vue({
 					before: '2020/20/20 11:20',
 					shop_phone: '15270565303',
 					buyer_phone: '15270565304',
-					
+					distance_to_shop: '20km',
-				}
+					distance_to_buyer: '>100km',
+				},
+				{
+					from_address: '测试22222dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
+					to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
+					deliver_fee: '20.00',
+					fee: '38.00',
+					before: '2020/20/20 11:20',
+					shop_phone: '15270565303',
+					buyer_phone: '15270565304',
+					distance_to_shop: '412m',
+					distance_to_buyer: '800m',
+				},
+				{
+					from_address: '测试dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
+					to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
+					deliver_fee: '8.00',
+					fee: '18.00',
+					before: '2020/20/20 11:20',
+					shop_phone: '15270565303',
+					buyer_phone: '15270565304',
+					distance_to_shop: '20km',
+					distance_to_buyer: '>100km',
+				},
+				{
+					from_address: '测试22222dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
+					to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
+					deliver_fee: '20.00',
+					fee: '38.00',
+					before: '2020/20/20 11:20',
+					shop_phone: '15270565303',
+					buyer_phone: '15270565304',
+					distance_to_shop: '412m',
+					distance_to_buyer: '800m',
+				},
+				{
+					from_address: '测试dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
+					to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
+					deliver_fee: '8.00',
+					fee: '18.00',
+					before: '2020/20/20 11:20',
+					shop_phone: '15270565303',
+					buyer_phone: '15270565304',
+					distance_to_shop: '20km',
+					distance_to_buyer: '>100km',
+				},
+				{
+					from_address: '测试22222dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
+					to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
+					deliver_fee: '20.00',
+					fee: '38.00',
+					before: '2020/20/20 11:20',
+					shop_phone: '15270565303',
+					buyer_phone: '15270565304',
+					distance_to_shop: '412m',
+					distance_to_buyer: '800m',
+				},
 			]
 		},
 	},
 	created() {
-		this.loadData();
 		plus.geolocation.getCurrentPosition((p) => {
 			console.log(p.coords.latitude);
 			console.log(p.coords.longitude);
 			this.location=[p.coords.latitude, p.coords.longitude];
+			this.loadData();
 		},function (err) {
-			
+			mui.alert('获取当前位置失败')
+			waiting.close();
 		})
 	},
 })

templete/shundaijian.html

@@ -57,12 +57,12 @@
 				</div>
 				<div class="loc_range">
 					<span>我</span>
-					<span class="between">1km</span>
+					<span class="between">{{each.distance_to_shop}}</span>
 					<span class="with_img">
 						<img src="../img/gothere.png" alt="">
 						商家
 					</span>
-					<span class="between">2km</span>
+					<span class="between">{{each.distance_to_buyer}}</span>
 					<span class="with_img">
 						<img src="../img/gothere.png" alt="">
 						购户