blog icon indicating copy to clipboard operation
blog copied to clipboard

微信小程序 Component 组件内 无法覆盖第三方组件样式

Open aototo opened this issue 6 years ago • 0 comments

这个一开始没注意,踩了坑! 反正没办法通过Component 定义的组件去修改引入第三方组件的样式,除非用标签选择器!不过这种做法也不好。

这是微信的相关的文档描述:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

可以在外层的app.wxss 修改。也不好管理

或者设置下面值

-isolated 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值) apply-shared 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面; shared 表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。(这个选项在插件中不可用。)

或者使用 外部样式类 externalClasses

aototo avatar Dec 13 '19 05:12 aototo