第一篇 基础知识

src/components/question/header.vue → src/components/question/question-header.vue

@@ -9,7 +9,12 @@
 </template>
 <script>
 export default {
-
+  props: {
+    cIndex: {
+      type: Number | String,
+      default: 1,
+    }
+  }
 }
 </script>
 <style lang="less" scoped>

src/views/question-detail.vue

 <template>
   <div class="question-detail-wrapper">
-    <QuestionHeader></QuestionHeader>
+    <question-header ></question-header>
     <section class="body">
       <question-content v-show="questionList.length"></question-content>
       <no-content v-show="!questionList.length" :type="listType"></no-content>
     </section>
-    <QuestionFooter></QuestionFooter>
-    <div style="padding-bottom: 60px;"></div>
+    <question-footer></question-footer>
+    <div class="pt-60"></div>
   </div>
 </template>
 <script>
-import QuestionHeader from "@/components/question/header";
+import QuestionHeader from "@/components/question/question-header";
 import QuestionContent from "@/components/question/question-content";
-import QuestionFooter from "@/components/question/footer";
+import QuestionFooter from "@/components/question/question-footer";
 import noContent from "@/components/question/no-content";
 export default {
   components: {
@@ -23,14 +23,16 @@ export default {
   },
   data() {
     return {
-      listType: 4,   // 1: 正常做题; 2: 免费体验; 3: 错题集; 4: 收藏夹
-      questionList: [],
+      listType: 1,   // 1: 正常做题; 2: 免费体验; 3: 错题集; 4: 收藏夹
+      questionList: [1],
     }
   },
 }
 </script>
 <style lang="less" scoped>
 .question-detail-wrapper {
-  
+  .pt-60 {
+    padding-bottom: 60px;
+  }
 }
 </style>
\ No newline at end of file