zx

src/lycomponents/iSaleModelChoose/index.vue

@@ -280,11 +280,11 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 90%;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -298,8 +298,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -320,7 +322,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -344,7 +346,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 90%;
         }
        

src/lycomponents/iSpecialSeriesChoose/index.vue

@@ -391,12 +391,12 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 95%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -410,8 +410,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -432,7 +434,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -456,7 +458,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 95%;
             box-shadow: 0 0 20px;
         }

src/lycomponents/iSwitchModel/index.vue

@@ -47,7 +47,7 @@
                            <div class="sb-bd" v-loading="load">
                                <div class="sb-b-item" :class="modelName === item.name ? 'sb-b-item-active': ''" v-for="(item,index) in models" :key="index" @click="handlerModel(index, item)">
                                    <div v-if="item.name.length > 12 && item.name.length <= 14" style="font-size: 15px">{{item.name}}</div>
-                                   <div v-if="item.name.length > 14" style="font-size: 13px">{{item.name}}</div>
+                                   <div v-else-if="item.name.length > 14" style="font-size: 14px">{{item.name}}</div>
                                    <div v-else>{{item.name}}</div>
                                 </div>    
                            </div>
@@ -279,12 +279,12 @@ export default {
             }
         }
         .sb-dd {
-            width: 46%;
+            width: 31%;
             height: 90%;
             box-shadow: 0 0 20px;
         }
         .sb-bd {
-            padding: 0px 16px 16px 16px;
+            padding: 0px 16px 16px 8px;
             display: flex;
             justify-content: flex-start;
             flex-wrap: wrap;
@@ -298,8 +298,10 @@ export default {
                     border: 1px solid #3373cc;
                 }
                 .d1 {
-                    width: 152px;
-                    height: 132px;
+                    // width: 152px;
+                    // height: 132px;
+                    width: 100px;
+                    height: 87px;
                     background: #fff;
                     border-radius: 2px;
                     display: flex;
@@ -320,7 +322,7 @@ export default {
                 border: 1px solid #3373cc;
             }
             .sb-b-item {
-                width: 194px;
+                width: 190px;
                 height: 66px;
                 background: #1B4163;
                 color: #fff;
@@ -344,7 +346,7 @@ export default {
             }
         }
         .sb-dd-right {
-            width: 54%;
+            width: 69%;
             height: 90%;
             box-shadow: 0 0 20px;
         }