本文主要介绍Vue2.0 style样式scoped使用less时样式穿透覆盖。主要实现的方法是/deep/和>>>
一、使用/depp/
<style scoped lang="less">
.class{
/deep/.upwarp-nodata,
/deep/.upwarp-tip {
.px2rem(font-size, 12); // 此处为封装好的代码 等价于为`font-size:0.12rem;`
}
}
<style>
二、使用>>>
注:建议少使用>>>该方法对less的友好性较差,对stylus较好。
.class>>>.upwarp-tip {
font-size:12rem;
}