直播列表

components/index/zhibo-item/index.vue

@@ -1,10 +1,10 @@
 <template>
     <view class="zhibo">
-        <image class="head"></image>
+        <image class="head" :src="image"></image>
         <view class="user">
             <view class="name">
                 <image></image>
-                <text>这是名字</text>
+                <text class="u-line-1" style="width:130rpx">{{name}}</text>
             </view>
             <view class="pingbi">
                 <image></image>
@@ -70,6 +70,7 @@ export default {
         return {
 
         }
-    }
+    },
+    props:['name','image']
 }
 </script>

pageB/search/out.vue

@@ -19,11 +19,11 @@
         </swiper>
         <view v-else style=" display: flex;flex-direction: column;height: calc(100vh - 88rpx);">
             <view class="select">
-                <view  @click="sx(0)" data-type="xl">销量</view>
+                <view  @click="sx(0)" class="xz" data-type="xl">销量</view>
                 <view class="xz" @click="sx(1)">
                     <text>价格</text>
                     <view class="jiage">
-                        <view class="top"></view>
+                        <view class="top topxz"></view>
                         <view class="bottom bottomxz"></view>
                     </view>
                 </view>

pages/index/index.vue

@@ -39,10 +39,10 @@
 						<u-swiper mode="dot" :list="zhiboImageSwiper" name="adv_code"></u-swiper>
 						<view class="list">
 							<view>
-								<zhiboItem v-for="item in 10"></zhiboItem>
+								<zhiboItem v-for="item in tabLiveLists.filter((_, index) => !(index&1))" :key="item.live_id" :name="item.store_name" :image="item.cover_img"></zhiboItem>
 							</view>
 							<view style="margin-left:20rpx">
-								<zhiboItem v-for="item in 10"></zhiboItem>
+								<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :key="item.live_id"></zhiboItem>
 							</view>
 						</view>
 					</view>
@@ -203,6 +203,7 @@
 				recommendList: [], // 推荐达人
 				indexImageSwiper: [],
 				zhiboImageSwiper: [],
+				tabLiveLists:[]
 			}
 		},
 		components: {
@@ -222,6 +223,7 @@
 			tabLiveList(){
 				this.$u.api.tabLiveList().then((res)=>{
 					console.log(res)
+					this.tabLiveLists = res.data
 				})
 			},
 			getSwiper() {