vue对于各大ui组件样式覆盖的方法
作者:
养樂多_566c | 来源:发表于
2020-08-17 17:53 被阅读0次
一、深度作用选择器(>>>)
<style scoped>
>>> .van-button {
font-size: 28px;
}
</style>
二、/deep/预处理器less下使用(与>>>作用相同)
<style scoped lang="less">
.box {
/deep/ .van-button {
font-size: 28px;
}
}
</style>
然而最近谷歌浏览器对于/deep/貌似不太友好,控制台提示/deep/将要被移除,所以...
// 采用的less的转义和变量插值
<style scoped lang="less">
@deep: ~'>>>';
.box {
@{deep} .van-button {
font-size: 28px;
}
}
</style>
参考:Vue高版本中一些新特性的使用详解
本文标题:vue对于各大ui组件样式覆盖的方法
本文链接:https://www.haomeiwen.com/subject/fkgqjktx.html
网友评论