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/也是一样的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,960评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,012评论 3 119
  • 换届了,在武协带训散打队的过程,该有一个有始有终的结尾了:有很多经验教训、技术总结要教给下一届教练团,以避免他们带...
    文建伟CZYH阅读 314评论 0 0
  • 早上打开空间,看到的最震惊的事是,又有一位同学升级为母亲。之所以说“震惊”,十月怪胎不是没有生育的预兆,只是真的很...
    木呀阅读 245评论 0 0
  • 现在越来越多家长重视从小培养孩子的阅读习惯,亲子共读也是促进亲子关系,提高陪伴质量的好模式。我也是从宝贝1岁...
    如琳阅读 10,711评论 0 0