app-mob-menu-sideslip-view.less 1.1 KB
Newer Older
1 2 3 4 5 6 7
// this is lesss

.srf_empty_class {
  width: 100%;
  height: 100%;
}
.app-mob-menu-sideslip-view{
8 9 10 11
  height: 100%;
  v-touch{
    height: 100%;
  }
12 13 14 15 16 17
}
.app-menu-plugin{
  .top{
    .title{
      color:#727272;
      font-size: 18px;
18
      padding-left: 10px;
19
    }
20
    padding: 15px 0;
21
    .list{
22 23
      box-sizing: border-box;
      padding: 10px 10px 10px 10px;
24 25 26 27 28 29 30
      ion-icon{
        font-size: 25px;
        margin-right: 35px;
      }
      display: flex;
      align-items: center;
      font-size: 16px;
31
      margin: 10px 0;
32
      color: #565656;
33
      &:active{
34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
        background: #F4F3F8;
        box-shadow: -1px -1px -2px rgba(255, 255, 255, 0.2);
        transition: all 0.25s linear;
      }
      .van-tag{
        position: absolute;
        right: 10px;
      }
    }
    .active{
      padding: 10px 10px 10px 10px;
      ion-icon{
        font-size: 25px;
        margin-right: 35px;
      }
      display: flex;
      align-items: center;
      font-size: 16px;
      margin: 10px 0;
      color: #333;
      background-color:#F4F3F8;
      .text{
        color: #565656;
57 58 59 60 61
      }
    }
  }

}