lex 2 роки тому
батько
коміт
4041074d7d

BIN
src/views/liveActive/images/icon_client.png


BIN
src/views/liveActive/images/icon_mobli.png


BIN
src/views/liveActive/images/icon_pc.png


+ 18 - 10
src/views/liveActive/model/liveRoom.vue

@@ -22,8 +22,12 @@
             <span>主讲人:{{ item.speakerName }}</span>
 
             <div class="tag" v-if="item.liveState != 2">
-              <img src="../images/icon_mobli.png" />
-              {{ item.os == "pc" ? "电脑直播" : "手机直播" }}
+              <img v-if="item.os == 'mobile'" src="../images/icon_mobli.png" />
+              <img v-if="item.os == 'pc'" src="../images/icon_mobli.png" />
+              <img v-if="item.os == 'client'" src="../images/icon_client.png" />
+              {{ item.os == "client" ? "电脑直播" : "" }}
+              {{ item.os == "pc" ? "web直播" : "" }}
+              {{ item.os == "mobile" ? "手机直播" : "" }}
             </div>
           </div>
         </template>
@@ -59,10 +63,14 @@ export default {
     async onDetail() {
       const item = this.item;
       if (item.liveState == 1) {
-        postMessage({
-          api: "enterLiveRoom",
-          content: { roomId: item.roomUid, serviceProvider: item.serviceProvider },
-        });
+        if (item.os !== "mobile") {
+          this.$toast("请在相关客户端进行直播");
+        } else {
+          postMessage({
+            api: "enterLiveRoom",
+            content: { roomId: item.roomUid, serviceProvider: item.serviceProvider },
+          });
+        }
       } else if (item.liveState == 2) {
         this.$router.push("/previewVideo?roomUid=" + item.roomUid);
 
@@ -114,12 +122,12 @@ export default {
 }
 .userInfo {
   /deep/.van-cell__title {
-    flex: 40%;
+    flex: 45%;
   }
 }
 .tag {
   margin-left: 0.1rem;
-  padding: 0 0.06rem;
+  padding: 0 0.04rem;
   display: flex;
   align-items: center;
   justify-items: center;
@@ -130,8 +138,8 @@ export default {
   border: 1px solid rgba(255, 128, 111, 0.25);
   height: 0.2rem;
   img {
-    width: 0.1rem;
-    height: 0.12rem;
+    width: 0.14rem;
+    height: 0.14rem;
     margin-right: 0.02rem;
   }
 }