
我出现这个问题的原因是在组件的样式中使用了button { }

这个异常的原因是

解决方法
在组件的Component中添加
options: {
addGlobalClass: true,
},

然后将组件中出现问题的样式剪切到使用该组件的page的样式中,我出现问题的样式是button { }

警告就解除了。
设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面
缺点就是每次使用该组件都要记得在page样式中添加这个样式,可能会影响到page中的样式
其实不解决这个警告也没问题
参考 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
本文介绍了解决微信小程序自定义组件中样式警告的方法。通过设置addGlobalClass为true,并将特定样式移动到使用该组件的页面样式中,可以消除样式警告。此方案允许页面样式影响自定义组件,但需注意可能影响页面整体样式。
4108

被折叠的 条评论
为什么被折叠?



