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