From 80476fae71f08bf4408c7509eff254031a4eeac6 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 24 Aug 2022 18:47:09 +0800 Subject: [PATCH] 路由修正,常量提取 --- src/components/mini/box16-videoDetail.vue | 64 +++++++++++++++++++------------- 1 files changed, 38 insertions(+), 26 deletions(-) diff --git a/src/components/mini/box16-videoDetail.vue b/src/components/mini/box16-videoDetail.vue index 804dd89..c9acaac 100644 --- a/src/components/mini/box16-videoDetail.vue +++ b/src/components/mini/box16-videoDetail.vue @@ -9,7 +9,7 @@ <div class="playBox" v-bind:class="{ fadeInLeft: this.$attrs.showFade,fade: !this.$attrs.showFade }"> <videoPlayBox ref="videoPlayBox" @swichPlay="swichPlay"></videoPlayBox> </div> - <div + <div v-bind:class="{ showButtonMargin:( showBackButton ) ,fadeInRight: this.$attrs.showFade,fade: !this.$attrs.showFade }"> <div class="introduce myShadow" v-if="introduce!=''"> <pre style="white-space: pre-line;">{{introduce}}</pre> @@ -86,6 +86,7 @@ }, data() { return { + loadFinish: false, showBackButton: false, articleId: "", lastArticleId: "", @@ -162,11 +163,20 @@ this.myLock = !this.myLock; return } + console.log(3333); + if (res.data.videoUrlList == null || res.data.videoUrlList.length < 1) { + this.$notification.error({ + message: '该日志还没有上传视频资源..', + placement: 'bottomRight' + }); + return + } 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; @@ -192,11 +202,7 @@ }, } </script> -<style scoped> - a { - color: black; - } - +<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"); @@ -209,28 +215,34 @@ clear: both; grid-row-gap: 2rem; max-height: 100%; + + a { + color: black; + } + + .playBox { + display: flex; + justify-content: center; + padding: 35px 0px; + } + + .showButtonMargin { + margin: 75px 0px 0px 0px; + } + + .myShadow { + + box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), + -8px -8px 18px #ffffff; + } + + .introduce { + padding: 20px 20px 5px; + margin-bottom: 20px; + } } - .playBox { - display: flex; - justify-content: center; - padding: 35px 0px; - } - .showButtonMargin { - margin: 75px 0px 0px 0px; - } - - .myShadow { - - box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), - -8px -8px 18px #ffffff; - } - - .introduce { - padding: 20px 20px 5px; - margin-bottom: 20px; - } @media screen and (max-width: 1023px) { .boxMain { -- Gitblit v1.9.1