样式优化等

src/views/index.vue

@@ -14,7 +14,7 @@
         <CardBanner :hasLogin="hasLogin"></CardBanner>
       </section>
       <section class="body">
-        <ul class="left">
+        <ul class="left fixed" :class="{'top': !existBind}">
           <li
             v-for="(model, mIndex) in titleTestModelList"
             :key="mIndex"
@@ -24,6 +24,16 @@
             <span>{{model.title}}</span>
           </li>
         </ul>        
+        <ul class="left">
+          <!-- <li
+            v-for="(model, mIndex) in titleTestModelList"
+            :key="mIndex"
+            :class="{active: currentModelIndex == mIndex}"
+            @click="selectModel(model, mIndex)"
+          >
+            <span>{{model.title}}</span>
+          </li> -->
+        </ul>
         <article class="right">
           <ul class="list-wrapper">
             <li class="list" v-for="(item, index) in listData" :key="index">
@@ -53,6 +63,18 @@
           </ul>
         </article>
       </section>
+      <!-- <section class="body">
+        <ul class="left-fixed">
+          <li
+            v-for="(model, mIndex) in titleTestModelList"
+            :key="mIndex"
+            :class="{active: currentModelIndex == mIndex}"
+            @click="selectModel(model, mIndex)"
+          >
+            <span>{{model.title}}</span>
+          </li>
+        </ul>        
+      </section> -->
     </section>
 
     <transition name="fade">
@@ -345,14 +367,14 @@ export default {
   padding-top: px2rem(74px);
   min-height: 100vh;
   .body {
-    min-height: 90vh;
+    // min-height: 90vh;
     display: flex;
     flex-direction: row;
     font-size: px2rem(14px);
     color: #676869;
     .left {
       width: px2rem(130px);
-      background: #f8f9fa;
+      background: red;
       li {
         position: relative;
         display: block;
@@ -375,6 +397,18 @@ export default {
           }
         }
       }
+      &.fixed {
+        position: fixed;
+        top: px2rem(74px);
+        left: 0;
+        bottom: 0;
+        right: px2rem(130px);
+        z-index: 1;
+        background: #f8f9fa;
+        &.top {
+          top: px2rem(114px);
+        }
+      }
     }
     .right {
       flex: 1;