From 846bd0e9adb70bb23778045ee1a252a6a58adc4f Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Wed, 02 Mar 2022 21:45:39 +0800 Subject: [PATCH] 文件结构调整,日志评论实现 --- src/components/mini/mdDetail.vue | 32 +++++++++++++++++++++----------- 1 files changed, 21 insertions(+), 11 deletions(-) diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue index e75b1c7..daef7c0 100644 --- a/src/components/mini/mdDetail.vue +++ b/src/components/mini/mdDetail.vue @@ -32,8 +32,9 @@ <vue-markdown :source="source"></vue-markdown> </div> </div> - - + <div class="articleComment"> + <comment :acticleId="acticleId"></comment> + </div> </div> </template> @@ -46,13 +47,14 @@ import { queryBlogArticleDetail } from '../../api/blogArticle.js' - + import comment from "../mini/box12-comment.vue" import axios from 'axios' export default { components: { - VueMarkdown + VueMarkdown, + comment }, data() { return { @@ -92,6 +94,8 @@ }, methods: { queryDetail() { + this.showMsg = true; + this.errorMsg = "加载中.."; queryBlogArticleDetail({ id: this.acticleId, authWord: this.secret == "" ? null : md5(this.secret) @@ -121,15 +125,15 @@ return } - - //获取日志资源文件 - this.showMsg = false; - this.errorMsg = ""; this.$axios .get(res.data.articleFileURL) .then((res) => { this.source = res.data; }) + + //获取日志资源文件 + this.showMsg = false; + this.errorMsg = ""; }) }, pressEnter() { @@ -150,7 +154,7 @@ this.$router.go(-1); } }, - + } </script> @@ -166,8 +170,14 @@ align-items: center; } - .markdown-body { - padding: 10px 20px 10px 20px; + .articleComment { + margin-top: 20px; + } + + .markdown-body, + .articleComment { + min-height: 750px; + padding: 35px 20px 10px 20px; box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), -8px -8px 18px #ffffff; } -- Gitblit v1.9.1