样式修复

src/pages/match/list/index.vue

@@ -8,9 +8,16 @@
             </div>
         </div>
 
+        <div class="main">
+            <div class="center-wrap list-inner">
+                <ul v-if="token" class="nav">
+                    <li :class="{ active: form.eventType === item.id }" v-for="(item, index) in typeList" :key="index" @click="changeType(item.id)">{{ item.name }}
+                    </li>
+                </ul>
+                <div class="list-wrap">
                   <!-- 课程筛选 -->
                   <div class="filter">
-            <div class="center-wrap" style="padding: 0;margin: 0 auto;">
+                      <div>
                           <dl v-if="form.eventType !== 1">
                               <dt>比赛范围：</dt>
                               <template v-if="form.eventType === 2">
@@ -53,13 +60,6 @@
                       </div>
                   </div>
 
-        <div class="main">
-            <div class="center-wrap list-inner">
-                <ul v-if="token" class="nav">
-                    <li :class="{ active: form.eventType === item.id }" v-for="(item, index) in typeList" :key="index" @click="changeType(item.id)">{{ item.name }}
-                    </li>
-                </ul>
-                <div class="list-wrap">
                     <div class="list">
                         <template v-if="listData.length">
                             <ul>
@@ -423,6 +423,8 @@ export default {
                 url(../../../assets/img/match-bg2.png) (98% bottom)/auto auto no-repeat;
     .filter {
         width: 100%;
+        padding: 0 20px;
+        margin-bottom: 20px;
         background-color: #fff;
         dl {
             display: flex;
@@ -432,12 +434,13 @@ export default {
                 color: #333;
                 font-size: 16px;
                 font-weight: 600;
+                white-space: nowrap;
             }
             dd {
-                padding: 5px 20px;
+                padding: 5px 15px;
-                margin: 0 10px;
                 color: #333;
                 font-size: 16px;
+                white-space: nowrap;
                 cursor: pointer;
                 border-radius: 4px;
                 &.active {
@@ -450,9 +453,10 @@ export default {
     .select-wrap {
       display: inline-flex;
       align-items: center;
-      margin: 0 20px;
+      margin: 0 10px;
       .label {
         margin-right: 10px;
+        white-space: nowrap;
       }
       .el-select {
         width: 130px;

src/setting.js

@@ -21,7 +21,7 @@ if (isPro) {
     // 本地
     systemPath = `http://${location.hostname}:8093`
     host = "http://121.37.12.51/"; // 中台测试服
-    host = "http://192.168.31.151:9000/"; // 榕
+    // host = "http://192.168.31.151:9000/"; // 榕
     // host = "http://192.168.31.137:9000/"; // 赓
 }