专题页面nav调整

components/common/topic/main.vue

@@ -1,41 +1,45 @@
 <template>
-  <el-row 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 class="wrapper">
+
+    <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 v-for="topic in topicNavs" :key="topic.idTopic" :index="topic.topicUri">{{ topic.topicTitle }}
         </el-menu-item>
       </el-menu>
-    </el-col>
-  </el-row>
+    </div>
+
+  </div>
 </template>
 
 <script>
-  import {mapState} from 'vuex'
+import {mapState} from 'vuex'
 
-  export default {
-    name: "topicNav",
-    props: {
-      currentTopic: {
-        type: String,
-        default: 'news'
-      }
-    },
-    computed: {
-      ...mapState({
-        topicNavs: state => state.topic.data,
-        isFetching: state => state.topic.fetching
-      })
-    },
-    methods: {
-      handleSelectTopic(item) {
-        this.$router.push({
-          path: `/topic/${item}?page=1`
-        });
-      }
+export default {
+  name: "topicNav",
+  props: {
+    currentTopic: {
+      type: String,
+      default: 'news'
+    }
+  },
+  computed: {
+    ...mapState({
+      topicNavs: state => state.topic.data,
+      isFetching: state => state.topic.fetching
+    })
+  },
+  watch: {},
+  methods: {
+    handleSelectTopic(item) {
+      this.$router.push({
+        path: `/topic/${item}?page=1`
+      });
     }
   }
+}
 </script>
 
 <style scoped>

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,31 +1,27 @@
 <template>
   <div>
-
-
-  <el-row  style="margin-top: 20px;">
-    <el-col style="margin-bottom: 1rem;">
-      <el-breadcrumb separator-class="el-icon-arrow-right">
-        <el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>
-        <el-breadcrumb-item>专题管理</el-breadcrumb-item>
-      </el-breadcrumb>
-    </el-col>
-    <el-col style="margin: .5rem;">
-      <el-button size="small" @click="createTopic" plain>创建专题</el-button>
-    </el-col>
-
-
-
-  </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">
-        <el-row :gutter="20">
-          <el-col :span="4" style="text-align: right;">
-            <img style="margin-right: 10px;" :src="topic.topicIconPath" :alt="topic.topicTitle"
-                 class="topic-brand-img">
-          </el-col>
-          <el-col :span="20" >
-            <el-link rel="nofollow" @click="onRouter('admin-topic-detail',topic.topicUri)" :underline="false">
+    <el-row style="margin-top: 20px;">
+      <el-col style="margin-bottom: 1rem;">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>
+          <el-breadcrumb-item>专题管理</el-breadcrumb-item>
+        </el-breadcrumb>
+      </el-col>
+      <el-col style="margin: .5rem;">
+        <el-button size="small" @click="createTopic" plain>创建专题</el-button>
+      </el-col>
+    </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">
+            <el-row :gutter="20">
+              <el-col :span="4" style="text-align: right;">
+                <img style="margin-right: 10px;" :src="topic.topicIconPath" :alt="topic.topicTitle"
+                     class="topic-brand-img">
+              </el-col>
+              <el-col :span="20">
+                <el-link rel="nofollow" @click="onRouter('admin-topic-detail',topic.topicUri)" :underline="false">
               <span style="font-size: 20px;font-weight: bold"> {{ topic.topicTitle }}</span>
             </el-link>
             <div class="text-muted article-summary-md text-content">{{ topic.topicDescription }}</div>