src/components/mini/mdDetail.vue

@@ -32,6 +32,9 @@
            <vue-markdown :source="source"></vue-markdown>
         </div>
      </div>
      <div class="articleComment">
         <comment :acticleId="acticleId"></comment>
      </div>
   </div>

</template>
@@ -44,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 {
@@ -166,7 +170,12 @@
      align-items: center;
   }

   .markdown-body {
   .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),