T

apps/mall/Tpl/default/Goods/index_w3g.html

@@ -48,22 +48,22 @@
 			          </a>
 			      </li> -->
 			  
-		  	<a href="{:U('mall/Goods/view',array('id'=>$vo['goods_id']))}" v-for="(item, idx) in options[2].items" :key="idx" class="home_item_goods layout_h">
+		  	<div v-for="(item, idx) in options[2].items" :key="idx" class="home_item_goods layout_h">
 		  		<van-image
 		  			style="margin-right: 0.75rem;"
 		  			height="68"
 		  			width="128"
 		  			fit="cover"
-		  			src="{:getCover($vo['cover_ids'],360,360)}">
+		  			:src="item.cover">
 		  		</van-image>
 		  		<div class="weight_full layout_v">
-		  			<span class="text_14_600 color_333333 van-multi-ellipsis--l2">{$vo.title}</span>
+		  			<span class="text_14_600 color_333333 van-multi-ellipsis--l2">{{item.title}}</span>
 		  			<div class="layout_h_b" style="margin-top: 0.5rem;">
-		  				<span class="text_14_600 color_FF3B3B self_center">¥{$vo.price}</span>
+		  				<span class="text_14_600 color_FF3B3B self_center">¥{{item.price}}</span>
 		  				<div class="item_green_button">购买</div>
 		  			</div>
 		  		</div>
-		  	</a>
+		  	</div>
 			</volist>
 		  </template>
 		  
@@ -168,15 +168,18 @@
 				options: [{
 					title: '视频',
 					items: [1,2],
-					page: 1,
+					page: 0,
+					finished: false
 				},{
 					title: '真题',
 					items: [1,2],
-					page: 1,
+					page: 0,
+					finished: false
 				},{
 					title: '实物',
 					items: [1,2],
-					page: 1,
+					page: 0,
+					finished: false
 				}]
 			}
 		},
@@ -189,18 +192,44 @@
 		methods: {
 			onTab: function(idx) {
 				this.tab = idx
+				let opt = this.options[idx]
+				if(opt.finished) {
+					this.loading = false
+					this.finished = true
+				} else {
+					this.loading = true
+					this.finished = false
+					this.onLoad()
+				}
 			},
 			onLoad: function() {
-				$.ajax({
-				    type: "GET",
-				    url: "{:U('mall/Goods/index')}",
-				    data: "api=1&p=" + 1 +
-				        "&sort_type={$_GET['sort_type']}&cateId={$_GET['cateId']}",
-				    dataType: "json",
-				    success: function (data) {
-				        console.log(data)
-				    }
-				})
+				let that = this
+				let opt = that.options[that.tab]
+				if(that.tab == 2) {
+					$.ajax({
+					    type: "GET",
+					    url: "{:U('mall/Goods/index')}",
+					    data: "api=1&p=" + (opt.page + 1) +
+					        "&sort_type={$_GET['sort_type']}&cateId={$_GET['cateId']}",
+					    dataType: "json",
+					    success: function (data) {
+							that.loading = false
+							let res = JSON.stringify(data)
+							let opt = that.options[2]
+							if(res.status) {
+								opt.items.push(res.data.map( r => { return {
+									uid: r.uid,
+									title: r.title,
+									cover: r.cover,
+									price: r.price
+								}}))
+								opt.page = res.nowPage
+								opt.finished = res.nowPage == res.totalPages
+								that.finished = res.nowPage == res.totalPages
+							}
+					    }
+					})
+				}
 			}
 		}
 	})