From 146176c4bfc7e936026fc02d96fdc175738d9e14 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 09 Aug 2022 19:04:51 +0800 Subject: [PATCH] 我的音乐模块优化啊 --- src/components/mini/mdDetail.vue | 44 +++++++++++++++++++++++++++++++++----------- 1 files changed, 33 insertions(+), 11 deletions(-) diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue index 4c75b5a..17c00c3 100644 --- a/src/components/mini/mdDetail.vue +++ b/src/components/mini/mdDetail.vue @@ -6,10 +6,15 @@ </a-button> </div> - <div class="mySecret" v-if="showMsg && !myLock"> - <h1>怎样才能让你看到我呢</h1> - <h1>只要你要,只要我有...</h1> - <span class="myTip">{{errorMsg}}</span> + <div v-if="showMsg && !myLock"> + <div class="mySecretSamll" v-if="articleFileType==5"> + + </div> + <div class="mySecret" v-else> + <h1>怎样才能让你看到我呢</h1> + <h1>只要你要,只要我有...</h1> + <span class="myTip">{{errorMsg}}</span> + </div> </div> <div v-else> @@ -23,8 +28,6 @@ </a-input-password> </a-auto-complete> <span class="myTip">{{errorMsg}}</span> - - </div> <div class="markdown-body article-detail" v-else> @@ -33,16 +36,17 @@ </div> <div class="articleInfoMiniData"> - <div class="smallOption" @click="articleOptionHandle('like')"> - <a-icon type="like" class="samllPadding" /> - <span>{{articelMeta.likeCount==null?'0':articelMeta.likeCount}}</span> + + <div class="smallOption" @click="articleOptionHandle('dislike')"> + <a-icon type="dislike" style="margin-top: 2px;" /> </div> <div> <a-icon type="read" class="samllPadding" /> <span>{{articelMeta.readCount==null?'--':articelMeta.readCount}}</span> </div> - <div class="smallOption" @click="articleOptionHandle('dislike')"> - <a-icon type="dislike" style="margin-top: 2px;" /> + <div class="smallOption" @click="articleOptionHandle('like')"> + <a-icon type="like" class="samllPadding" /> + <span>{{articelMeta.likeCount==null?'0':articelMeta.likeCount}}</span> </div> <div> <!-- <a-icon type="folder-open" class="samllPadding" /> --> @@ -83,6 +87,7 @@ articelMeta: "", isAllowedComment: 1, articleId: "", + articleFileType: 1, source: "", showMsg: false, myLock: false, @@ -99,11 +104,13 @@ }, created() { this.articleId = this.$route.query.id; + this.articleFileType = this.$route.query.articleFileType; }, watch: { '$route'(to, from) { if ("mdDetail" === to.name) { this.articleId = this.$route.query.id; + this.articleFileType = this.$route.query.articleFileType; } }, articleId: function(newValue, oldValue) { @@ -123,6 +130,12 @@ queryDetail() { this.showMsg = true; this.errorMsg = "加载中.."; + + if (this.articleFileType == 5) { + this.errorMsg = "没有更多啦.."; + return + } + queryBlogArticleDetail({ id: this.articleId, authWord: this.secret == "" ? null : md5(this.secret) @@ -227,6 +240,15 @@ align-items: center; } + .mySecretSamll { + height: 115px; + display: flex; + flex-direction: column; + justify-content: center; + padding-left: auto; + align-items: center; + } + .markdown-body, .articleComment { -- Gitblit v1.9.1