| | |
| | | <template> |
| | | <div class="article-meta"> |
| | | <div> |
| | | <a-button @click="back" style="position: absolute;"> |
| | | <a-button @click="()=>this.$router.back(-1)" style="position: absolute;"> |
| | | <a-icon type="left" /> |
| | | </a-button> |
| | | </div> |
| | | |
| | | <div v-if="showMsg && !myLock"> |
| | | <div class="mySecretSamll" v-if="articleFileType==5"> |
| | | |
| | | <div class="mySecretSamll" v-if="articleFileType==myConstant.fileTypeShort"> |
| | | <p>碎碎念只有那么一点了</p> |
| | | <p>但是下面依旧可以碎碎念</p> |
| | | </div> |
| | | |
| | | <div class="mySecret" v-else> |
| | | <h1>怎样才能让你看到我呢</h1> |
| | | <h1>只要你要,只要我有...</h1> |
| | |
| | | <span class="myTip">{{errorMsg}}</span> |
| | | </div> |
| | | |
| | | <div class="mySecret" v-else-if="articleFileType==myConstant.fileTypeVideo |
| | | || articleFileType==myConstant.fileTypeMp3 |
| | | || articleFileType==myConstant.fileTypeShort"> |
| | | |
| | | <div class="mySecretSamll" v-if="introduce.length==0"> |
| | | <p>碎碎念只有那么一点了</p> |
| | | <p>但是下面依旧可以碎碎念</p> |
| | | </div> |
| | | <pre style="white-space: pre-line;"> |
| | | {{introduce}} |
| | | </pre> |
| | | </div> |
| | | |
| | | <div class="markdown-body article-detail" v-else> |
| | | <vue-markdown :source="source"></vue-markdown> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="articleInfoMiniData"> |
| | | |
| | | |
| | | <div class="smallOption" @click="articleOptionHandle('dislike')"> |
| | | <a-icon type="dislike" style="margin-top: 2px;" /> |
| | | </div> |
| | |
| | | import comment from "../mini/box12-comment.vue" |
| | | |
| | | import axios from 'axios' |
| | | import myConstant from "../../config/myConstant.js" |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | myConstant: myConstant, |
| | | articelMeta: "", |
| | | isAllowedComment: 1, |
| | | introduce: "", |
| | | articleId: "", |
| | | articleFileType: 1, |
| | | articleFileType: myConstant.fileTypeMarkDown, |
| | | source: "", |
| | | showMsg: false, |
| | | myLock: false, |
| | |
| | | this.showMsg = true; |
| | | this.errorMsg = "加载中.."; |
| | | |
| | | if (this.articleFileType == 5) { |
| | | this.errorMsg = "没有更多啦.."; |
| | | return |
| | | } |
| | | // if (this.articleFileType == myConstant.fileTypeShort) { |
| | | // this.errorMsg = "该类型日志在这里没有更多啦.."; |
| | | // return |
| | | // } |
| | | |
| | | queryBlogArticleDetail({ |
| | | id: this.articleId, |
| | |
| | | // this.test = res.data.isAllowedComment == 1 ? true : false; |
| | | |
| | | this.isAllowedComment = res.data.isAllowedComment; |
| | | this.introduce = res.data.introduce; |
| | | this.articleFileType = res.data.articleFileType; |
| | | |
| | | this.articelMeta = res.data; |
| | | this.$axios |
| | | .get(res.data.articleFileURL) |
| | | .then((res) => { |
| | | this.source = res.data; |
| | | }) |
| | | |
| | | if (res.data.articleFileType == myConstant.fileTypeMarkDown || |
| | | res.data.articleFileType == myConstant.fileTypeHtml) { |
| | | |
| | | this.$axios |
| | | .get(res.data.articleFileURL) |
| | | .then((res) => { |
| | | this.source = res.data; |
| | | }) |
| | | } |
| | | |
| | | //获取日志资源文件 |
| | | this.showMsg = false; |
| | |
| | | this.search.disabled = false; |
| | | }) |
| | | |
| | | }, |
| | | back: function() { |
| | | this.$router.go(-1); |
| | | } |
| | | }, |
| | | |
| | |
| | | } |
| | | |
| | | .mySecret { |
| | | height: 715px; |
| | | height: 515px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | |
| | | } |
| | | |
| | | .mySecretSamll { |
| | | padding: 30px 10px 10px; |
| | | height: 115px; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | |
| | | .markdown-body, |
| | | .articleComment { |
| | | min-height: 750px; |
| | | padding: 35px 20px 10px 20px; |
| | | min-height: 70%; |
| | | padding: 30px 20px 20px 20px; |
| | | box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), |
| | | -8px -8px 18px #ffffff; |
| | | } |