wechat/src/module/user/mainPage/page.scss

.mainPage{
  .subPage{
    &>div{
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
    }
  }
  &>nav{
    background: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 0 .1rem .02rem rgba(0, 0, 0, .05);
    a{
      text-align: center;
      div{
        width: 100%;
        height: .2rem;
        position: relative;
        margin-top: .06rem;
      }
      img{
        max-height: .2rem;
        max-width: .2rem;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
      }
      span{
        width: 100%;
        display: inline-block;
        text-align: center;
        line-height: .2rem;
        font-size: .1rem;
      }
    }
    a.active{
      img{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
      }
    }
  }
}