cyy-vue-material 7.0.19 → 7.0.21

package/src/package/cyy-live/cyy-live.vue

@@ -1,196 +1,196 @@
-<template>
-  <div>
-    <div v-if="!props.live" :style="noDataStyle">请选择直播</div>
-    <div
-      class="liveBox"
-      :style="{
-        marginTop: `${props.marginTop}px`,
-        marginBottom: `${props.marginBottom}px`,
-      }"
-      @click="handleToLive()"
-      v-else
-    >
-      <div class="liveTitlePo">
-        {{ liveTitle }}
-      </div>
-      <div class="live">
-        <div class="liveCover">
-          <img :src="liveCover" />
-          <div class="liveState">
-            {{ liveState }}
-          </div>
-        </div>
-      </div>
-      <!-- <div class="liveIntroduction">
-        <div class="liveTitle">{{ liveTitle }}</div>
-      </div> -->
-    </div>
-  </div>
-</template>
-
-<script>
-import { isLc } from "../../utils/index.js";
-import { queryInfuencerAndChild } from "../../api/index.js";
-import { fetchPost } from "../../api/http.js";
-export default {
-  props: {
-    props: {
-      live: Array,
-      title: String,
-      cover: String,
-      marginTop: Number,
-      marginBottom: Number,
-    },
-  },
-  data() {
-    return {
-      noDataStyle: {
-        width: "100%",
-        height: "180px",
-        lineHeight: "180px",
-        fontSize: "30px",
-        backgroundColor: "#ccc",
-        color: "#aaa",
-        textAlign: "center",
-      },
-      liveDataState: 0,
-    };
-  },
-  mounted() {
-    this.init();
-  },
-  computed: {
-    liveTitle() {
-      if (this.props.title && this.props.title !== "") {
-        return this.props.title;
-      } else {
-        return this.props.live.infuencerName;
-      }
-    },
-    liveCover() {
-      if (this.props.cover && this.props.cover !== "") {
-        return this.props.cover;
-      } else {
-        return this.props.live.infuencerUrl1;
-      }
-    },
-    liveState() {
-      let dataState = this.liveDataState;
-      let TextDescription = "";
-      switch (dataState) {
-        case 0:
-          TextDescription = "初始化";
-          break;
-        case 1:
-          TextDescription = "上传直播间";
-          break;
-        case 101:
-          TextDescription = "直播中";
-          break;
-        case 102:
-          TextDescription = "未开始";
-          break;
-        case 103:
-          TextDescription = "已结束";
-          break;
-        case 104:
-          TextDescription = "禁播";
-          break;
-        case 105:
-          TextDescription = "暂停";
-          break;
-        case 106:
-          TextDescription = "异常";
-          break;
-        case 107:
-          TextDescription = "已过期";
-          break;
-      }
-      return TextDescription;
-    },
-  },
-  methods: {
-    async init() {
-      if (isLc) {
-        const url =
-          queryInfuencerAndChild +
-          `?infuencerCode=${this.props.live.infuencerCode}`;
-        const { list } = await fetchPost(url);
-        if (list.length === 0) {
-          this.liveDataState = list[0].dataState;
-        }
-      } else {
-        let that = this;
-        that.http
-          .post(queryInfuencerAndChild, {
-            infuencerCode: this.props.live.infuencerCode,
-          })
-          .then((res) => {
-            this.liveDataState = res.list[0].dataState;
-          });
-      }
-    },
-    handleToLive() {
-      if (isLc) {
-        return;
-      }
-      let roomId = this.props.live.infuencerEcode;
-      wx.navigateTo({
-        url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`,
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.liveBox {
-  padding: 14px 5px;
-  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 14px;
-  .live {
-    display: flex;
-    .liveCover {
-      position: relative;
-      width: 100%;
-      img {
-        width: 100%;
-      }
-      .liveState {
-        position: absolute;
-        left: 0;
-        top: 0;
-        color: white;
-        background-color: red;
-        padding: 0.25em 0.5em;
-        font-size: 12px;
-      }
-    }
-    .liveIntroduction {
-      margin-left: 10px;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      width: 190px;
-      .liveTitle {
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        font-size: 14px;
-      }
-      .anchorName {
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-}
-.liveTitlePo {
-  margin-bottom: 8px;
-}
-</style>
+<template>
+  <div>
+    <div v-if="!props.live" :style="noDataStyle">请选择直播</div>
+    <div
+      class="liveBox"
+      :style="{
+        marginTop: `${props.marginTop}px`,
+        marginBottom: `${props.marginBottom}px`,
+      }"
+      @click="handleToLive()"
+      v-else
+    >
+      <div class="liveTitlePo">
+        {{ liveTitle }}
+      </div>
+      <div class="live">
+        <div class="liveCover">
+          <img :src="liveCover" />
+          <div class="liveState">
+            {{ liveState }}
+          </div>
+        </div>
+      </div>
+      <!-- <div class="liveIntroduction">
+        <div class="liveTitle">{{ liveTitle }}</div>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { isLc } from "../../utils/index.js";
+import { queryInfuencerAndChild } from "../../api/index.js";
+import { fetchPost } from "../../api/http.js";
+export default {
+  props: {
+    props: {
+      live: Array,
+      title: String,
+      cover: String,
+      marginTop: Number,
+      marginBottom: Number,
+    },
+  },
+  data() {
+    return {
+      noDataStyle: {
+        width: "100%",
+        height: "180px",
+        lineHeight: "180px",
+        fontSize: "30px",
+        backgroundColor: "#ccc",
+        color: "#aaa",
+        textAlign: "center",
+      },
+      liveDataState: 0,
+    };
+  },
+  mounted() {
+    this.init();
+  },
+  computed: {
+    liveTitle() {
+      if (this.props.title && this.props.title !== "") {
+        return this.props.title;
+      } else {
+        return this.props.live.infuencerName;
+      }
+    },
+    liveCover() {
+      if (this.props.cover && this.props.cover !== "") {
+        return this.props.cover;
+      } else {
+        return this.props.live.infuencerUrl1;
+      }
+    },
+    liveState() {
+      let dataState = this.liveDataState;
+      let TextDescription = "";
+      switch (dataState) {
+        case 0:
+          TextDescription = "初始化";
+          break;
+        case 1:
+          TextDescription = "上传直播间";
+          break;
+        case 101:
+          TextDescription = "直播中";
+          break;
+        case 102:
+          TextDescription = "未开始";
+          break;
+        case 103:
+          TextDescription = "已结束";
+          break;
+        case 104:
+          TextDescription = "禁播";
+          break;
+        case 105:
+          TextDescription = "暂停";
+          break;
+        case 106:
+          TextDescription = "异常";
+          break;
+        case 107:
+          TextDescription = "已过期";
+          break;
+      }
+      return TextDescription;
+    },
+  },
+  methods: {
+    async init() {
+      if (isLc) {
+        const url =
+          queryInfuencerAndChild +
+          `?infuencerCode=${this.props.live.infuencerCode}`;
+        const { list } = await fetchPost(url);
+        if (list.length === 0) {
+          this.liveDataState = list[0].dataState;
+        }
+      } else {
+        let that = this;
+        that.http
+          .post(queryInfuencerAndChild, {
+            infuencerCode: this.props.live.infuencerCode,
+          })
+          .then((res) => {
+            this.liveDataState = res.list[0].dataState;
+          });
+      }
+    },
+    handleToLive() {
+      if (isLc) {
+        return;
+      }
+      let roomId = this.props.live.infuencerEcode;
+      wx.navigateTo({
+        url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.liveBox {
+  padding: 14px 5px;
+  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 14px;
+  .live {
+    display: flex;
+    .liveCover {
+      position: relative;
+      width: 100%;
+      img {
+        width: 100%;
+      }
+      .liveState {
+        position: absolute;
+        left: 0;
+        top: 0;
+        color: white;
+        background-color: red;
+        padding: 0.25em 0.5em;
+        font-size: 12px;
+      }
+    }
+    .liveIntroduction {
+      margin-left: 10px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 190px;
+      .liveTitle {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font-size: 14px;
+      }
+      .anchorName {
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}
+.liveTitlePo {
+  margin-bottom: 8px;
+}
+</style>