index布局

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

@@ -5,7 +5,7 @@
         <span>详情</span>
         </p>
         <div class="detail_content">
-            
+
         </div>
     </div>
 </template>
@@ -40,9 +40,6 @@ export default {
 </script>
 
 <style scoped>
-.detail_box{
-  width: 856px;
-}
 .now_page_title {
   margin: 15px 0;
   color: #898d9e;

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

 <template>
   <div class="doc_container">
-    <router-view />
+    <div class="content">
+      <router-view class="content_box" />
+      <div class="user_info">header</div>
+    </div>
   </div>
 </template>
 
@@ -31,15 +34,18 @@ export default {
   justify-content: flex-start;
   align-items: stretch;
 }
-.side_nav_bar {
-  width: 180px;
-  flex-shrink: 0;
+.content{
+  width: 1200px;
+  margin: 0 auto;
+  position: relative;
 }
-.main_container {
-  width: calc(100% - 180px);
-  flex-grow: 1;
-  flex-shrink: 1;
-  background-color: #f6f7fb;
-  overflow: auto;
+.content_box{
+  width: 856px;
+}
+.user_info{
+  width: 328px;
+  position: absolute;
+  top: 46px;
+  right: 0px;
 }
 </style>