upp

web/src/assets/css/base.css

@@ -146,47 +146,70 @@ a:hover {
 .el-input {
     height: 30px;
 }
-.el-input__inner{
+
+.el-input__inner {
     height: 30px;
     border-radius: 15px;
     line-height: 30px;
 }
 
-.el-input.is-active .el-input__inner, .el-input__inner:focus{
-    border-color:#ca000a;
+.el-input.is-active .el-input__inner,
+.el-input__inner:focus {
+    border-color: #ca000a;
 }
+
 /* 轮播图样式 */
 .el-carousel--horizontal {
     height: 100%;
-  }
-  .el-carousel__container {
+}
+
+.el-carousel__container {
     height: 100%;
-  }
-  .el-carousel__arrow{
+}
+
+.el-carousel__arrow {
     display: none !important;
-  }
-  .el-carousel__button{
-      height: 4px;
-      background-color: #918784;
-      opacity: 1;
-  }
-  .el-carousel__indicator.is-active button{
+}
+
+.el-carousel__button {
+    height: 4px;
+    background-color: #918784;
+    opacity: 1;
+}
+
+.el-carousel__indicator.is-active button {
     background-color: #c7000b;
-  }
-  .el-carousel__indicators--horizontal{
-      bottom: 80px;
-  }
-  .el-select .el-input.is-focus .el-input__inner{
+}
+
+.el-carousel__indicators--horizontal {
+    bottom: 80px;
+}
+
+.el-select .el-input.is-focus .el-input__inner {
     border-color: #c7000b;
-  }
+}
 
-  .el-select .el-input__inner:focus{
+.el-select .el-input__inner:focus {
     border-color: #c7000b;
-  }
-  .el-select-dropdown__item.selected{
-      color: #c7000b;
-  }
-  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
+}
+
+.el-select-dropdown__item.selected {
+    color: #c7000b;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
     background-color: #c7000b;
     color: #fff;
-  }
+}
+
+
+/* 置灰 */
+/* * {
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+    filter: gray;
+} */

webM/src/assets/base.css

@@ -610,3 +610,13 @@ p {
     font-family: 'Medium';
     text-align: left;
 }
+
+/* 置灰 */
+* {
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+    filter: gray;
+}

webM/src/views/Layout/index.vue

@@ -10,13 +10,13 @@
           @click="meanPage = true"
         />
       </div>
+      <img
+        class="logoTop"
+        src="@/assets/img/Layout/logo.png"
+        alt=""
+        @click="$router.push('/Layout/Home').catch(() => {})"
+      />
       <div class="right">
-        <img
-          class="logoTop"
-          src="@/assets/img/Layout/logo.png"
-          alt=""
-          @click="$router.push('/Layout/Home').catch(() => {})"
-        />
         <img src="@/assets/img/Layout/zhong.png" alt="" @click="toZhong" />
         <img
           :class="{ mySearch: $route.path === '/Layout/Search' }"
@@ -338,8 +338,9 @@ export default {
       this.meanPage = false;
     },
     searcBtn() {
-
-      this.$router.push(`/Layout/Search/${this.txt ? this.txt : "null"}`).catch(()=>{});
+      this.$router
+        .push(`/Layout/Search/${this.txt ? this.txt : "null"}`)
+        .catch(() => {});
       this.searcShow = false;
     },
     menaSonFu(index, path) {
@@ -427,26 +428,26 @@ export default {
         height: 100%;
       }
     }
+    .logoTop {
+      width: 160px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
     .right {
       display: flex;
       align-items: center;
-      .logoTop {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-      }
+
       & > img {
         width: 20px;
         height: 20px;
         &:nth-of-type(1) {
-          margin-right: 20px;
-          width: 160px;
-          height: 32px;
-        }
-        &:nth-of-type(2) {
           margin-right: 15px;
         }
+        // &:nth-of-type(2) {
+        //   margin-right: 15px;
+        // }
       }
     }
     // 毛玻璃
@@ -484,7 +485,7 @@ export default {
       font-size: 14px;
       color: #fff;
       border-bottom: 1px solid #d1d1d1;
-      &>p{
+      & > p {
         text-align: left;
       }
     }