src/components/mini/box16-videoDetail.vue

@@ -86,6 +86,7 @@
      },
      data() {
         return {
            loadFinish: false,
            showBackButton: false,
            articleId: "",
            lastArticleId: "",
@@ -95,7 +96,7 @@
            myLock: false,
            showFade: true,
            videoData: {
               img: "http://t.inleft.com/share/media_photo/idea_beijing.jpg",
               pic: "",
               url: "",
               type: "normal",
               title: "",
@@ -163,23 +164,24 @@
                  return
               }

               if (res.data.videoUrlList == null || res.data.videoUrlList.length < 1) {
                  this.$notification.error({
                     message: '此视频还没有上传资源..',
                     placement: 'bottomRight'
                  });
                  this.videoData.url = "";
               } else {
                  this.videoData.url = res.data.videoUrlList[0];
               }

               this.isAllowedComment = res.data.isAllowedComment;
               this.introduce = res.data.introduce;

               this.videoData.url = res.data.articleFileURL;
               this.videoData.img = res.data.coverFileURL;

               this.videoData.pic = res.data.coverFileURL;
               this.videoData.title = res.data.title;
               this.videoData.introduce = res.data.introduce;
               this.videoData.id = res.data.id;


               if (res.data.articleFileURL != null &&
                  res.data.articleFileURL != "" &&
                  res.data.articleFileURL.endsWith("m3u8")) {
                  this.videoData.type = "customHls";
               } else {
                  this.videoData.type = "normal";
               }

               this.myLock = !this.myLock;
               if (this.lastArticleId != this.articleId) {
@@ -193,11 +195,6 @@
   }
</script>
<style lang="less">
   pre {
      font-family: 'HYTangMeiRen';
      src: url("http://t.inleft.com/share/z%E5%AD%97%E4%BD%93%E5%BA%93/hytmr55%E6%B1%89%E4%BB%AA%E5%94%90%E7%BE%8E%E4%BA%BA%E5%AD%97%E4%BD%93.woff") format("truetype");
   }

   .boxMain {
      user-select: none;
      grid-template-columns: repeat(2, 1fr);