小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我在app.wxss里有个样式
text
{
color:red
}
在自定义组件(component)中,这个样式不生效,但是在模版(template)中,这个样式是生效的。
这个是bug吗,还是自定义组件本身就不支持app.wxss中的样式。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
是 编译器的bug吧 我也遇到了和题主一样的问题
在编译器中 app.wxss 设置的样式 组件中不生效
但是 真机测试时有样式的
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
除继承样式外, app.wxss 中的样式、组件所在页面的的样式对自定义组件无效。
app.wxss
参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
/* 组件 custom-component.js */ Component({ options: { // 这个配置决定是否由 `app.wxss` 和页面 `wxss` 中的样式定义来决定 addGlobalClass: true, } }) <!-- 组件 custom-component.wxml --> <text class="red-text">这段文本的颜色由 `app.wxss` 和页面 `wxss` 中的样式定义来决定</text> /* app.wxss */ .red-text { color: red; }
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
是 编译器的bug吧 我也遇到了和题主一样的问题
在编译器中 app.wxss 设置的样式 组件中不生效
但是 真机测试时有样式的
除继承样式外,
app.wxss
中的样式、组件所在页面的的样式对自定义组件无效。参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
/* 组件 custom-component.js */ Component({ options: { // 这个配置决定是否由 `app.wxss` 和页面 `wxss` 中的样式定义来决定 addGlobalClass: true, } }) <!-- 组件 custom-component.wxml --> <text class="red-text">这段文本的颜色由 `app.wxss` 和页面 `wxss` 中的样式定义来决定</text> /* app.wxss */ .red-text { color: red; }