zs 8 miesięcy temu
rodzic
commit
dcd1b4f763
1 zmienionych plików z 22 dodań i 22 usunięć
  1. 22 22
      src/views/detail/news.vue

+ 22 - 22
src/views/detail/news.vue

@@ -14,13 +14,13 @@
           </div>
         </el-col>
         <el-col :span="24" class="one_2">
-          <el-col :span="24" class="one_2_one">
-            <div class="menu" :class="[item.value == active ? 'menuTrue' : '']" v-for="(item, index) in newList" :key="index" @click="toActive(item)">
-              <span>{{ item.label }}</span>
-            </div>
-          </el-col>
           <el-col :span="24" class="one_2_two">
             <el-col :span="18" class="left">
+              <el-col :span="24" class="left_menu">
+                <div class="menu" :class="[item.value == active ? 'menuTrue' : '']" v-for="(item, index) in newList" :key="index" @click="toActive(item)">
+                  <span>{{ item.label }}</span>
+                </div>
+              </el-col>
               <el-col :span="24" class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
                 <el-col :span="6" class="left">
                   <el-image class="image" v-if="item.logo && item.logo.length > 0" :src="getUrl(item.logo)" fit="fill">
@@ -223,29 +223,29 @@ const getUrl = (item) => {
       margin-top: 100px !important;
       padding: 30px !important;
       background-color: $global-color-fff;
-      .one_2_one {
-        display: flex;
-        margin: 0 0 20px 0;
-        .menu {
-          padding: 10px 20px;
-          margin: 0 10px 0 0;
-          color: #666666;
-          border: 1px solid #bbbbbb;
-          cursor: default;
-        }
-        .menuTrue {
-          color: $global-color-fff;
-          background: #1073ff;
-          border: none;
-          cursor: default;
-        }
-      }
       .one_2_two {
         display: flex;
         width: 100%;
         background-color: #fff;
         border-radius: 10px;
         .left {
+          .left_menu {
+            display: flex;
+            margin: 0 0 20px 0;
+            .menu {
+              padding: 10px 20px;
+              margin: 0 10px 0 0;
+              color: #666666;
+              border: 1px solid #bbbbbb;
+              cursor: default;
+            }
+            .menuTrue {
+              color: $global-color-fff;
+              background: #1073ff;
+              border: none;
+              cursor: default;
+            }
+          }
           .list {
             display: flex;
             align-items: center;