From 859ec7a60a9a1f30c898dbf1ae05c50dccfc40e5 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Thu, 11 Aug 2022 01:51:55 +0800 Subject: [PATCH] 优化视频模块内页 --- src/components/mini/mdDetail.vue | 26 +++++++++++++------------- 1 files changed, 13 insertions(+), 13 deletions(-) diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue index 7465c86..93149d1 100644 --- a/src/components/mini/mdDetail.vue +++ b/src/components/mini/mdDetail.vue @@ -6,15 +6,15 @@ </a-button> </div> - <div class="mySecretSamll" v-if="showMsg && !myLock"> - <div v-if="articleFileType==5"> - + <div v-if="showMsg && !myLock"> + <div class="mySecretSamll" v-if="articleFileType==myConstant.fileTypeShort"> + <p>碎碎念只有那么一点了,但是下面依旧可以碎碎念</p> </div> <div class="mySecret" v-else> <h1>怎样才能让你看到我呢</h1> <h1>只要你要,只要我有...</h1> + <span class="myTip">{{errorMsg}}</span> </div> - <span class="myTip">{{errorMsg}}</span> </div> <div v-else> @@ -34,9 +34,7 @@ <vue-markdown :source="source"></vue-markdown> </div> </div> - <div class="articleInfoMiniData"> - - + <div class="articleInfoMiniData" > <div class="smallOption" @click="articleOptionHandle('dislike')"> <a-icon type="dislike" style="margin-top: 2px;" /> </div> @@ -76,7 +74,8 @@ import comment from "../mini/box12-comment.vue" import axios from 'axios' - + import myConstant from "../../config/myConstant.js" + export default { components: { VueMarkdown, @@ -84,10 +83,11 @@ }, data() { return { + myConstant:myConstant, articelMeta: "", isAllowedComment: 1, articleId: "", - articleFileType: 1, + articleFileType: myConstant.fileTypeMarkDown, source: "", showMsg: false, myLock: false, @@ -131,7 +131,7 @@ this.showMsg = true; this.errorMsg = "加载中.."; - if (this.articleFileType == 5) { + if (this.articleFileType == myConstant.fileTypeShort) { this.errorMsg = "没有更多啦.."; return } @@ -239,7 +239,7 @@ padding-left: auto; align-items: center; } - + .mySecretSamll { height: 115px; display: flex; @@ -252,8 +252,8 @@ .markdown-body, .articleComment { - min-height: 750px; - padding: 35px 20px 10px 20px; + min-height: 70%; + padding: 35px 20px 30px 20px; box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), -8px -8px 18px #ffffff; } -- Gitblit v1.9.1