fix: 🧩 颜色分页优化

src/components/CarInfo/CarInfo.vue

@@ -113,7 +113,7 @@ function go() {
     display: flex;
     align-items: center;
     padding: 48px 56px;
-    background: #fff;
+    background: #efeeea;
   }
   .car-group {
     display: flex;
@@ -143,8 +143,8 @@ function go() {
     height: 100px;
     font-size: 36px;
     text-align: center;
-    color: #fff;
-    background: #d4a866;
+    color: #faeba9;
+    background: linear-gradient(159.19deg, #c4b280 13.77%, #a89866 96.7%);
     border-radius: 0 0 16px 16px;
     font-weight: 700;
     line-height: 44px;

src/components/PlateInput/PlateInput.vue

@@ -80,7 +80,7 @@ $input-bg: #fff;
 $input-radius: 12px;
 $font-size: 32px;
 $font-energy-size: 14px;
-$btn-bg: #d4a866;
+$btn-bg: #a6976f;
 $btn-color: #fff;
 $btn-font-size: 28px;
 $btn-width: 218px;
@@ -129,7 +129,7 @@ $btn-width: 218px;
       margin-right: 42px;
     }
     &.active {
-      border: 2px solid #d4a866;
+      border: 2px solid #a6976f;
     }
     &.space {
       width: 75px;

src/components/PlateKeyboard/PlateKeyboard.vue

@@ -126,7 +126,7 @@ onBeforeUnmount(() => {
     }
     &.active {
       color: #fff;
-      background: #d4a866;
+      background: #a6976f;
     }
   }
 }

src/components/Traffic/Traffic.vue

@@ -42,7 +42,7 @@
         </div>
         <div class="jiu_2">
           <svg width="681" height="145" viewBox="0 0 681 145" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M672.5 0.5L680.5 1L18.5 144.5L0 141L672.5 0.5Z" :fill="roadList[1].color" />
+            <path d="M672.5 0.5L680.5 1L18.5 144.5L0 141L672.5 0.5Z" :fill="roadList[3].color" />
           </svg>
         </div>
         <div class="jiu_bg">
@@ -79,44 +79,44 @@
         <div class="info-container">
           <div class="item">
             <div class="name">博览路：</div>
-            <div class="road" style="margin-right: 24px">
+            <div class="road" style="margin-right: 20px">
               <div class="w" :style="'background:' + roadList[4].color"></div>
               <div class="type">{{ switchLanguage(roadList[4], 'status') }}</div>
             </div>
-            <div class="road">
+            <div class="road" style="margin-right: 0">
               <div class="w" :style="'background:' + roadList[5].color"></div>
               <div class="type">{{ switchLanguage(roadList[5], 'status') }}</div>
             </div>
           </div>
           <div class="item">
             <div class="name">九龙街：</div>
-            <div class="road" style="margin-right: 24px">
+            <div class="road" style="margin-right: 20px">
               <div class="w" :style="'background:' + roadList[2].color"></div>
               <div class="type">{{ switchLanguage(roadList[2], 'status') }}</div>
             </div>
-            <div class="road">
+            <div class="road" style="margin-right: 0">
               <div class="w" :style="'background:' + roadList[3].color"></div>
               <div class="type">{{ switchLanguage(roadList[3], 'status') }}</div>
             </div>
           </div>
           <div class="item">
             <div class="name">沈水路：</div>
-            <div class="road" style="margin-right: 24px">
+            <div class="road" style="margin-right: 20px">
               <div class="w" :style="'background:' + roadList[0].color"></div>
               <div class="type">{{ switchLanguage(roadList[0], 'status') }}</div>
             </div>
-            <div class="road">
+            <div class="road" style="margin-right: 0">
               <div class="w" :style="'background:' + roadList[1].color"></div>
               <div class="type">{{ switchLanguage(roadList[1], 'status') }}</div>
             </div>
           </div>
           <div class="item">
             <div class="name">青年大桥：</div>
-            <div class="road" style="margin-right: 24px">
+            <div class="road" style="margin-right: 20px">
               <div class="w" :style="'background:' + roadList[6].color"></div>
               <div class="type">{{ switchLanguage(roadList[6], 'status') }}</div>
             </div>
-            <div class="road">
+            <div class="road" style="margin-right: 0">
               <div class="w" :style="'background:' + roadList[7].color"></div>
               <div class="type">{{ switchLanguage(roadList[7], 'status') }}</div>
             </div>
@@ -444,7 +444,7 @@ function changeStatus(status: string, item: any) {
         margin-bottom: 48px;
         .name {
           width: 100px;
-          margin-right: 40px;
+          margin-right: 20px;
           font-size: 20px;
           font-family: 'font_bold';
           color: #736661;

src/views/Brand/Brand.vue

@@ -150,7 +150,7 @@ getBrandInfo().then(({ data }) => {
 function changeType(item: any) {
   currentTypeId.value = item.order
   formatIdx.value = 0
-  copyShopList.value = [...shopList.value]
+  copyShopList.value = [{ name: '1', shopList: [...shopList.value] }]
 }
 function resetIdx() {
   formatIdx.value = 0
@@ -171,7 +171,7 @@ function handleClickFormat(item: Industry, index: number) {
   resetIdx()
   formatIdx.value = index
   if (index === 0) {
-    copyShopList.value = [...shopList.value]
+    copyShopList.value = [{ name: '1', shopList: [...shopList.value] }]
     return
   }
   if (currentTypeId.value === 0) {
@@ -266,7 +266,7 @@ function myScrollEnd() {
     font-weight: 700;
 
     .floor-item {
-      margin-bottom: 32px;
+      margin-bottom: 48px;
 
       &.active {
         font-size: 36px;

src/views/Parking/Parking.vue

@@ -141,6 +141,7 @@ getParkingInfo().then(({ data }) => {
   .content {
     display: flex;
     justify-content: space-between;
+    align-items: center;
     margin: 0 226px;
     .content-left {
       width: 900px;

src/views/ServiceList/ServiceList.vue

@@ -93,7 +93,7 @@ function go() {
   left: 670px;
   width: 580px;
   height: 98px;
-  background: #d6bd86;
+  background: linear-gradient(159.19deg, #c4b280 13.77%, #a89866 96.7%);
   border-radius: 16px;
   .text-container {
     @include fl(center, flex-end);