vux局部样式修改

在使用vux组件的时候,我们经常需要修改其样式,但是又不想通过重写主题改变所有的组件样式,这个时候就需要局部修改了.
例如 修改icon的样式

 .tag {
      padding: 0 12px;
      background-color: #fff;
      font-size: 12px;
      line-height: 42px;
      box-sizing: border-box;
      color: #585c64;
      /deep/ .weui-icon-success-circle{
        font-size: 12px;
        color: $m_pink;
        &:before {
          color: $m_pink;
        }
      }
    }

这里使用深度选择器来修改样式,由于在sass中不能很好的解析 >>>所以换成/deep/也是一样的

你可能感兴趣的:(vux局部样式修改)