src/components/mini/mdDetail.vue

@@ -32,32 +32,33 @@
            <vue-markdown :source="source"></vue-markdown>
         </div>
      </div>


      <div class="articleComment">
         <comment ref="myComment" :articleId="articleId"> </comment>
      </div>
   </div>

</template>

<script>
   // import esPath from '../../assets/es.md'
   import VueMarkdown from 'vue-markdown'
   import md5 from 'js-md5';

   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 {
            source: "",
            acticleId: "",
            articleId: "",
            showMsg: false,
            myLock: false,
            errorMsg: '',
@@ -72,20 +73,21 @@
         }
      },
      created() {
         this.acticleId = this.$route.query.id;
         this.articleId = this.$route.query.id;
      },
      watch: {
         '$route'(to, from) {
            if ("mdDetail" === to.name) {
               this.acticleId = this.$route.query.id;
               this.articleId = this.$route.query.id;
            }
         },
         acticleId: function(newValue, oldValue) {
         articleId: function(newValue, oldValue) {
            if (newValue == undefined || newValue == null || newValue == "") {
               this.showMsg = true;
               this.errorMsg = "日志id参数缺失";
            } else {
               this.queryDetail();
               this.$refs.myComment.updateCommentList(this.articleId);
            }
         }

@@ -95,7 +97,7 @@
            this.showMsg = true;
            this.errorMsg = "加载中..";
            queryBlogArticleDetail({
               id: this.acticleId,
               id: this.articleId,
               authWord: this.secret == "" ? null : md5(this.secret)
            }).then((res) => {
               this.showMsg = true;
@@ -168,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;
   }