首页置灰

public/index.html

@@ -33,14 +33,14 @@
             }
 
             .filter-gray {
-                /* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
+                filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
                 -webkit-filter: grayscale(100%);
                 -moz-filter: grayscale(100%);
                 -ms-filter: grayscale(100%);
                 -o-filter: grayscale(100%);
                 filter: grayscale(100%);
                 -webkit-filter: gray;
-                filter: gray; */
+                filter: gray;
             }
         </style>
     </head>

src/views/Home.vue

@@ -1,6 +1,6 @@
 <template>
     <van-pull-refresh
-        class="home filter-gray"
+        class="home"
         success-text="加载成功"
         success-duration="500"
         v-model="isLoading"
@@ -8,6 +8,7 @@
         @refresh="onRefresh"
         pageType="light"
         :disabled="!canRefreash"
+        :class="{ 'filter-gray': homeGray }"
     >
         <div class="filter-bg" :style="{ backgroundImage: `url(${bgImg})` }"></div>
         <div class="welcom">
@@ -395,7 +396,8 @@ export default {
             domainSwitch: false,
             canRefreash: true,
             showMMC: false,
-            MMCUrl: ''
+            MMCUrl: '',
+            homeGray: false
         };
     },
     mounted() {
@@ -434,6 +436,11 @@ export default {
         this.$http.get('/sysConfig/get/domain_switch').then(res => {
             this.domainSwitch = Number(res.value);
         });
+        this.$http.get('/sysConfig/get/home_gray').then(res => {
+            if (res.value === '1') {
+                this.homeGray = true;
+            }
+        });
         this.$nextTick(() => {
             this.$el.parentNode.childNodes[1].className = this.$el.parentNode.childNodes[1].className.replace(
                 / bgBack/,

src/views/Index.vue

@@ -12,8 +12,7 @@
             safe-area-inset-bottom
             route
             ref="tabbar"
-            class="filter-gray"
-            :class="tabClass"
+            :class="[tabClass, { 'filter-gray': homeGray }]"
         >
             <van-tabbar-item replace v-for="item in menus" :name="item.name" :to="`/${item.name}`" :key="item.name">
                 <span>{{ item.title }}</span>
@@ -134,8 +133,16 @@ export default {
         return {
             menu: null,
             tabColor: '',
-            active: 'home'
+            active: 'home',
+            homeGray: false
         };
+    },
+    mounted() {
+        this.$http.get('/sysConfig/get/home_gray').then(res => {
+            if (res.value === '1') {
+                this.homeGray = true;
+            }
+        });
     }
 };
 </script>