Fork me on GitHub

scss样式穿透>>>或/deep/或::v-deep

参考:https://www.jianshu.com/p/7f38b0aa6fb7

复制代码
<style scoped>
.menuItem {
  //常用方式1,2
  >>> .ant-input {
    border-radius: 50px;
  }
  /deep/ .ant-input {
    font-size: 14px;
  }
  //在scss,less,sass等解析器中
  ::v-deep .ant-input {
    color: red;
  }
}
</style>
复制代码

微信小程序

复制代码
//微信小程序,官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
export default {
  options: { styleIsolation: 'shared' }
}
`styleIsolation` 选项从基础库版本 2.6.5 开始支持。它支持以下取值:
    `isolated` 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值);
    `apply-shared` 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面;
    `shared` 表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 `apply-shared` 或 `shared` 的自定义组件。(这个选项在插件中不可用。)
复制代码

 

posted @   树山君  阅读(945)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示