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 {
@@ -123,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() {
@@ -152,7 +154,7 @@
            this.$router.go(-1);
         }
      },
		

   }
</script>

@@ -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;
   }