直播

components/index/zhibo-item/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="zhibo">
+    <view class="zhibo" @click="zhibo">
         <image class="head" :src="image"></image>
         <view class="user">
             <view class="name">
@@ -71,6 +71,16 @@ export default {
 
         }
     },
-    props:['name','image']
+    methods:{
+        zhibo(){
+            this.$u.route({
+                url:"/pageB/zhibo/index",
+               params:{
+                   url:this.url
+               } 
+            })
+        }
+    },
+    props:['name','image','url']
 }
 </script>

pageB/zhibo/index.vue

@@ -0,0 +1,38 @@
+<template>
+    <view>
+        <video :src="url" class="vodio" autoplay="true">
+
+        </video>
+        <!-- <view class="user">
+            <view class="back"></view>
+            <image></image>
+            <view>
+                <text class="name">萨和登</text>
+                <text class="info">萨大赛大赛大赛大赛大</text>
+            </view>
+            <view class="guanzhu">
+                关注
+            </view >
+        </view> -->
+    </view>
+</template>
+<style lang="scss" scoped>
+.vodio{
+    width: 100vw;
+    height: 100vh;
+}
+</style>
+<script>
+export default {
+    name:"zhibo",
+    data(){
+        return {
+            url:""
+        }
+    },
+    onLoad(a){
+        this.url = a.url
+        console.log(this.url)
+    }
+}
+</script>

pages.json

@@ -80,6 +80,13 @@
 		{
 			"root": "pageB",
 			"pages": [
+				{
+					"path": "zhibo/index",
+					"style": {
+						"navigationStyle": "custom"
+						
+					}
+				},
 				{
 					"path": "follow/index",
 					"style": {
@@ -113,69 +120,20 @@
 						}
 					}
 				},
-				{
-					"path": "comment/index",
-					"style": {
-						"navigationBarTitleText": "商品评价",
-						"app-plus":{
-							"titleNView":{
-								"backgroundColor":"#ffffff"
-							}
-						}
-					}
-				},
 				{
 					"path": "search/index",
 					"style": {
-						"app-plus": {
+						"navigationBarTitleText": "",
-							"titleNView": {
+						"navigationStyle": "custom"
-								"titleColor": "#333333",
+						
-								"backgroundColor": "#FFFFFF",
-								"buttons": [
-									{  
-										"type":"none",
-										"text":"搜索",
-										"float":"right",
-										"fontSize":"16",
-										"color": "#FF780F"
-									}
-								],
-								"searchInput": {
-									"align": "left",
-									"borderRadius": "15px",
-									"placeholder": "搜索您需要的商品",
-									"backgroundColor": "rgb(236,236,236)",
-									"disabled": false
-								}
-							}
-						}
 					}
 				},
 				{
 					"path": "search/out",
 					"style": {
-						"app-plus": {
+						"navigationBarTitleText": "",
-							"titleNView": {
+						"navigationStyle": "custom"
-								"titleColor": "#333333",
+						
-								"backgroundColor": "#FFFFFF",
-								"buttons": [
-									{  
-										"type":"none",
-										"text":"搜索",
-										"float":"right",
-										"fontSize":"16",
-										"color": "#FF780F"
-									}
-								],
-								"searchInput": {
-									"align": "left",
-									"borderRadius": "15px",
-									"placeholder": "搜索您需要的商品",
-									"backgroundColor": "rgb(236,236,236)",
-									"disabled": false
-								}
-							}
-						}
 					}
 				},
 				{
@@ -216,6 +174,7 @@
 							}
 						}
 					}
+				
 				},
 				{
 					"path": "cart/index",

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 tabLiveLists.filter((_, index) => !(index&1))" :key="item.live_id" :name="item.store_name" :image="item.cover_img"></zhiboItem>
+								<zhiboItem v-for="item in tabLiveLists.filter((_, index) => !(index&1))" :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
 							</view>
 							<view style="margin-left:20rpx">
-								<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :key="item.live_id"></zhiboItem>
+								<zhiboItem v-for="item in tabLiveLists.filter((_, index) => index&1)" :key="item.live_id" :name="item.store_name" :image="item.cover_img" :url="item.url"></zhiboItem>
 							</view>
 						</view>
 					</view>