注释进店

src/pages/index/index.vue

@@ -88,6 +88,9 @@ export default {
         key: "sessionid",
         data: params.sessionid
       });
+    } else if (options.from && options.from == "livedToIndex") {
+      //来自直播详情
+      this.page = decodeURIComponent(options.backpath);
     } else if (options.from && options.from == "login") {
       //来自小程序登录页面
       this.page = decodeURIComponent(options.backpath);

src/pages/lived/index.vue

@@ -8,15 +8,16 @@
           <van-icon name="arrow-left" @click="back" />
         </div>
         <div class="shopName flex">
-          <div class="img">
+          <div class="img" v-if="shopLogo">
             <img :src="shopLogo" alt="">
           </div>
           <div class="info">
-            <p class="name" v-if="shopName">{{shopName}}</p>
+            <p class="name line-clamp1" v-if="shopName">{{shopName}}</p>
             <p class="num">
               <span>999</span> <span>观看</span>
             </p>
           </div>
+          <!-- <div class="toShop" @click="toShop">进店</div> -->
         </div>
       </div>
     </div>
@@ -41,6 +42,7 @@ export default {
       livedUrl:'rtmp://58.200.131.2:1935/livetv/hunantv',
       shopName:'',
       shopLogo:'',
+      backPath:'',
     };
   },
   components: {},
@@ -72,6 +74,15 @@ export default {
         delta: 1
       })
     },
+    toShop(){
+      // 到商城首页
+      this.backPath='/';
+       wx.reLaunch({
+        url: `../index/main?from=livedToIndex&backpath=${
+            this.backPath
+          }`
+      })
+    },
   }
 };
 </script>
@@ -126,7 +137,7 @@ export default {
       position: absolute;
       top: 30px;
       left: 12px;
-      width: 60%;
+      width: 70%;
       align-items: center;
       .backIcon{
         color: #fff;
@@ -135,10 +146,11 @@ export default {
       .shopName{
         margin-left: 20px;
         background: rgba(0,0,0,0.6);
-        border-radius: 34px;
+        border-radius: 30px;
+        align-items: center;
         .img{
-          width: 34px;
-          height: 34px;
+          width: 30px;
+          height: 30px;
           border-radius: 50%;
           overflow: hidden;
           img{
@@ -152,6 +164,16 @@ export default {
           flex: 1;
           font-size: 14px;
         }
+        .toShop{
+          background: #FB566D;
+          padding:0 4px;
+          color: #fff;
+          font-size: 14px;
+          display: inline-block;
+          border-radius: 6px;
+          height: 20px;
+          line-height: 20px;
+        }
       }
     }
   }