fix: 门户网站UI调整

xinkeaboard-web/assets/style/decorate.scss

@@ -3958,7 +3958,7 @@ a {
   width: 1210px;
   margin: 0 auto;
   position: relative;
-  height: 306px;
+  height: 520px;
   background: #fff;
   //margin-bottom: 20px;
   box-shadow: -1px 5px 10px 0px #ddd;
@@ -3969,7 +3969,8 @@ a {
 }
 
 .home-slider .s2 {
-  width: calc(100% - 500px);
+  width: 100%;
+  height: 100%;
   float: left;
 }
 
@@ -4019,6 +4020,7 @@ a {
 
 .el-carousel {
   width: 100%;
+  height: 100%;
   margin: 0 auto;
 }
 

xinkeaboard-web/assets/style/theme.scss

@@ -13,7 +13,7 @@ $fontE:       14px; //用于常规文字，文章内容等
 $fontF:       12px; //用于次要文字，辅助性文字
 
 // 常规配色设置
-$colorMain:    #00985e!default; //主色、文字选中、搜索
+$colorMain:    #036EB8 !default; //主色、文字选中、搜索
 $colorMain2:   #00985e !default; //主色、文字选中、搜索
 $colorSkeleton: #eee; //骨架屏颜色
 $colorTitle1: #333 !default; //标题、一级标题、一级内容

xinkeaboard-web/components/NavTopBar.vue

@@ -17,7 +17,7 @@
         </div>
 
         <div v-show="!loginFlag && !isRegisterStatus">
-          <span class="register h1" @click="goToByPush('/login')" style="border-right: 1px solid #c1c1c1; padding-right: 15px;">{{
+          <span class="register h1" @click="goToByPush('/login')">{{
             L["登录"]
           }}</span>
           <span class="register h1" @click="goToByPush('/register')">{{
@@ -25,7 +25,11 @@
           }}</span>
         </div>
 
-
+        <div>
+           <span class="supplier h1" @click="goSupplierUrl()"
+            >{{ L['供应商'] }}</span
+          >
+        </div>
 
       </div>
 
@@ -141,6 +145,13 @@ const goToByPush = (type, param = {}) => {
     query: param,
   });
 };
+
+const goSupplierUrl = () => {
+  let url = supplierUrl;
+  window.open(url, '_blank');
+};
+
+
 //退出登录
 const loginOut = async () => {
   filtersStore.setMemberInfo({});
@@ -175,7 +186,7 @@ $colorMain: #e2231a !default; //主色、文字选中、搜索
 .header_wrap {
   width: 100%;
   height: 33px;
-  background: #f7f7f7;
+  background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -189,28 +200,34 @@ $colorMain: #e2231a !default; //主色、文字选中、搜索
 
     .header_left {
       height: 100%;
-      font-size: 13px;
-      color: #333;
+      font-weight: bold;
+      font-size: 16px;
+      color: #282E30;
       line-height: 36px;
       display: flex;
 
       .hello {
         margin-right: 20px;
-        color: #333;
+       
       }
 
       .h1 {
         margin: 0 5px;
+        padding: 5px 10px;
         cursor: pointer;
 
         &:hover {
-          color: $colorMain;
+          background: $colorMain;
+          color: #fff;
         }
       }
     }
 
     .header_right {
       height: 100%;
+      font-weight: 400;
+      font-size: 16px;
+      color: #282E30;
 
       ul {
         width: 100%;
@@ -236,8 +253,9 @@ $colorMain: #e2231a !default; //主色、文字选中、搜索
           .li_item {
             position: relative;
             cursor: pointer;
-            font-size: 13px;
-            color: #333;
+            font-weight: 400;
+            font-size: 16px;
+            color: #282E30;
 
             &:hover {
               color: $colorMain;

xinkeaboard-web/components/SldDiy.vue

@@ -16,13 +16,13 @@
         </el-carousel-item>
       </el-carousel>
       <div class="home-slider" v-if="item.json_data && item.json_data.type == 'main_banner_pc'">
-        <div class="s1">
+        <!-- <div class="s1">
           <CategorySortTop/>
-        </div>
+        </div> -->
         <div class="s2">
           <el-carousel
                   v-if="item.json_data && item.json_data.type == 'main_banner_pc'"
-                  height="306px"
+                  height="100%"
                   arrow="never"
           >
             <el-carousel-item
@@ -36,8 +36,7 @@
             </el-carousel-item>
           </el-carousel>
         </div>
-
-        <div class="s3">
+        <!-- <div class="s3">
           <a href="javascript:void(0)" @click="diyNavTo(item.json_data.info.left)">
             <p class="title" >
               {{ item.json_data.info.left.title.initialValue }}
@@ -58,7 +57,7 @@
 
           <p class="link" @click="loginOut" v-if="filtersStore.getLoginFlag">
               <a >{{L['退出']}}</a>
-          </p>
+          </p> -->
 
 <!--          <p class="link">-->
 <!--            <nuxt-link to="/home/contact">-->
@@ -66,20 +65,20 @@
 <!--            </nuxt-link>-->
 <!--          </p>-->
 
-          <p class="link" @click="goSupplierUrl">
+          <!-- <p class="link" @click="goSupplierUrl"> -->
 <!--            <nuxt-link to="http://seller.b2b.test.advichcloud.com/user/login">-->
-              <a>{{L['供应商']}}</a>
+              <!-- <a>{{L['供应商']}}</a> -->
 <!--            </nuxt-link>-->
-          </p>
+          <!-- </p> -->
 
-          <a href="javascript:void(0)" v-for="(val, key) in item.json_data.info.right"
+          <!-- <a href="javascript:void(0)" v-for="(val, key) in item.json_data.info.right"
              :key="key"
              @click="diyNavTo(val)">
             <p class="desc">
               {{ quillEscapeToHtml(val.title.initialValue) }}
             </p>
           </a>
-        </div>
+        </div> -->
       </div>
 
 
@@ -1392,14 +1391,16 @@ onMounted(() => {
   background: #f1f1f1;
 
   .el-carousel__item {
+    width: 100%;
+    height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 
     div {
       background-position: center center;
-      width: 1920px;
-      height: 457px;
+      width: 100%;
+      height: 100%;
       position: absolute;
       left: 50%;
       top: 0;
@@ -1407,6 +1408,16 @@ onMounted(() => {
       background-repeat: no-repeat;
       background-size: contain;
     }
+
+    a {
+        width: 100%;
+        height: 100%;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
   }
 
   .main_banner {