专题页面nav调整

components/common/topic/main.vue

@@ -1,14 +1,17 @@
 <template>
-  <el-row class="wrapper">
+  <div class="wrapper">
-    <el-col style="margin-bottom: 1rem;">
+
-      <el-menu type="border-card" :default-active="currentTopic" style="margin-top: -2px;border: 0;" mode="horizontal"
+    <div style="background: white">
+      <el-menu type="border-card" :default-active="currentTopic"
+               style="width: 96%;margin: 0 auto" mode="horizontal"
                @select="handleSelectTopic">
         <el-menu-item index="news">最新</el-menu-item>
         <el-menu-item v-for="topic in topicNavs" :key="topic.idTopic" :index="topic.topicUri">{{ topic.topicTitle }}
         </el-menu-item>
       </el-menu>
-    </el-col>
+    </div>
-  </el-row>
+
+  </div>
 </template>
 
 <script>
@@ -28,6 +31,7 @@
       isFetching: state => state.topic.fetching
     })
   },
+  watch: {},
   methods: {
     handleSelectTopic(item) {
       this.$router.push({

nuxt.config.js

@@ -117,7 +117,7 @@ export default {
   proxy: [  //proxy配置
     ['/api', {
       target: apiConfig.BASE,  //api请求路径
-      pathRewrite: {'^/api': isDevMode ? '/api/v1' : '/api'}  //重定向请求路径，防止路由、api路径的冲突
+      pathRewrite: {'^/api': isDevMode ? '/api' : '/api'}  //重定向请求路径，防止路由、api路径的冲突
     }],
     ['/ws', {
       target: apiConfig.BASE  //api请求路径

pages/admin/topics.vue

@@ -1,7 +1,5 @@
 <template>
   <div>
-
-
     <el-row style="margin-top: 20px;">
       <el-col style="margin-bottom: 1rem;">
         <el-breadcrumb separator-class="el-icon-arrow-right">
@@ -12,10 +10,8 @@
       <el-col style="margin: .5rem;">
         <el-button size="small" @click="createTopic" plain>创建专题</el-button>
       </el-col>
-
+    </el-row>
-
+    <el-row :gutter="20">
-
-  </el-row>  <el-row :gutter="20">
       <el-col :span="8" style="margin-bottom: .5rem;" v-for="topic in topics.list" :key="topic.idTopic">
         <el-card shadow="never">
           <div class="card-body d-flex flex-column">