美文网首页
vue对于各大ui组件样式覆盖的方法

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