From c6793e5475b607e83cbb55b7d0ddfb9b81bd7774 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Thu, 25 Aug 2022 04:09:06 +0800 Subject: [PATCH] 日志内容详情页多媒体适配 markdown 内图片增加viewer相应 --- src/components/mini/box16-videoDetail.vue | 24 ++++++++++-------------- 1 files changed, 10 insertions(+), 14 deletions(-) diff --git a/src/components/mini/box16-videoDetail.vue b/src/components/mini/box16-videoDetail.vue index b4bd00b..c900020 100644 --- a/src/components/mini/box16-videoDetail.vue +++ b/src/components/mini/box16-videoDetail.vue @@ -86,6 +86,7 @@ }, data() { return { + loadFinish: false, showBackButton: false, articleId: "", lastArticleId: "", @@ -163,23 +164,22 @@ return } + if (res.data.videoUrlList == null || res.data.videoUrlList.length < 1) { + this.$notification.error({ + message: '该日志还没有上传视频资源..', + placement: 'bottomRight' + }); + } + this.isAllowedComment = res.data.isAllowedComment; this.introduce = res.data.introduce; - this.videoData.url = res.data.articleFileURL; + this.videoData.url = res.data.videoUrlList[0]; + this.videoData.img = 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,10 +193,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; -- Gitblit v1.9.1