vux局部样式修改
2018-11-26 本文已影响0人
情有千千节
在使用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/也是一样的