t

src/app.scss

@@ -1,4 +1,7 @@
 @import '@css/mixin.scss';
+.page-gray-all {
+  filter: grayscale(100%);
+}
 .at-tab-bar {
   height: 140px;
   background: #fff;

src/components/footer/index.js

@@ -50,6 +50,11 @@ export default class Footer extends Component {
   }
 
   getFnData (themeObj) {
+    if (themeObj.gray && themeObj.gray.length > 0) {
+      Taro.$isFullGray = true
+    } else {
+      Taro.$isFullGray = false
+    }
     const footerNavArr = themeObj.footer_nav || []
     let tabArr = []
     footerNavArr.forEach((item, i) => {
@@ -154,4 +159,4 @@ export default class Footer extends Component {
       />
     )
   }
-}
+}

src/pages/index/index.jsx

@@ -791,8 +791,9 @@ class Index extends Component {
     // const { isFirstOpen } = this.state
     const bg = require('./img/toper_bg.jpg')
     const { weatherObj } = this.state
+    const isFullGray = Taro.$isFullGray
     return (
-      <View className="l-box has-footer">
+      <View className={isFullGray ? 'l-box has-footer page-gray-all' : 'l-box has-footer'}>
         <ScrollView
           scrollY
           scrollWithAnimation