问答中心列表

src/pages/technical-support/answer-center/index.vue

 <template>
-  <div class="doc_container">
+  <div class="answer_container">
     <div class="content">
       <router-view class="content_box" />
-      <div class="user_info">header</div>
+      <div class="user_info"></div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  components: {
-    
-  },
-  data: () => ({
-    
-  }),
-  watch: {
-    
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
+  components: {},
+  data: () => ({}),
+  watch: {},
+  methods: {},
+  mounted() {},
 };
 </script>
 
 <style scoped>
-.doc_container {
-  height: calc(100vh - 58px);
-  display: flex;
-  justify-content: flex-start;
-  align-items: stretch;
-}
-.content{
+.content {
   width: 1200px;
   margin: 0 auto;
   position: relative;
 }
-.content_box{
+.content_box {
   width: 856px;
+  height: calc(100vh - 58px);
 }
-.user_info{
+.user_info {
   width: 328px;
-  position: absolute;
-  top: 46px;
-  right: 0px;
+  height: 328px;
+  background-color: #fff;
+  border-radius: 10px;
+  position: fixed;
+  top: 104px;
+  right: calc((100% - 1200px) / 2);
 }
 </style>

src/pages/technical-support/answer-center/list.vue

 <template>
-    <div>
-        list
+  <div class="answer_list_container">
+    <div class="apass_breadcrumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item to="/technical_support">
+          技术支持
+        </el-breadcrumb-item>
+        <el-breadcrumb-item to="/technical_support/answer_center">
+          问答中心
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+          问答列表
+        </el-breadcrumb-item>
+      </el-breadcrumb>
     </div>
+
+    <div class="main_container"></div>
+  </div>
 </template>
 
 <script>
 export default {
-    props: [],
-    components: {
-
-    },
-    data() {
-        return {
-
-        };
-    },
-    watch: {
-
-    },
-    computed: {
-
-    },
-    created() {
-
-    },
-    mounted() {
-
-    },
-    methods: {
-
-    },
+  data() {
+    return {
+      answerList: [],
+    };
+  },
+  computed: {},
+  created() {
+    this.getAnwerList();
+  },
+  methods: {
+    getAnwerList() {},
+  },
 };
 </script>
 
 <style scoped>
-
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 12px 0 11px;
+}
+.main_container {
+  min-height: calc(100% - 66px);
+  background-color: #fff;
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
 </style>

src/router/index.js

@@ -206,7 +206,7 @@ export default new Router({
                     import("@/pages/technical-support/answer-center/detail"),
                 }, // 问答中心详情
               ],
-            }, // 开发文档管理
+            }, // 问答中心
           ],
         }, // 技术支持
         {