Browse Source

fix: 修复整体样式问题

周玉环 3 weeks ago
parent
commit
c00ff8cb78
1 changed files with 12 additions and 8 deletions
  1. 12 8
      xinkeaboard-web/components/SldHomeTopSearch.vue

+ 12 - 8
xinkeaboard-web/components/SldHomeTopSearch.vue

@@ -54,7 +54,7 @@
             <img :src="filtersStore.getSiteLogo" />
           </nuxt-link>
         </div>
-        <div class="sld_seach_wrap" style="margin-right: 90px">
+        <div class="sld_seach_wrap">
           <div class="sld_seach_box ld">
             <div class="form">
               <input
@@ -204,7 +204,7 @@ a:visited {
   .container_header {
     width: 100%;
     position: fixed;
-    background-color: #fff;
+    background-color: #F6F8FA;
     left: 0;
     right: 0;
     top: 0;
@@ -218,21 +218,24 @@ a:visited {
     }
 
     .container_header_box {
-      width: 1200px;
+      width: 1440px;
       margin: 0 auto;
+      display: flex;
+      align-items: center;
       >div:last-child{
-          width: 400px;
+          width: 210px;
         }
       .fixed_sld_cart_wrap {
-        margin-right: 120px;
+        // margin-right: 120px;
 
         a {
           width: 100%;
           height: 100%;
 
           img {
-            max-width: 100%;
-            max-height: 100%;
+           width: 100%;
+           height: 100%;
+           object-fit: cover;
           }
         }
 
@@ -470,7 +473,8 @@ a:visited {
       &.cart_icon_text_wrap {
         background-color: #fff;
         a {
-          color: #666666;
+          color: $colorMain;
+          font-weight: bold;
           font-size: 15px;
           line-height: 36px;
         }