小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
有时候需要导入外部的iconfont,总不能在每个组件的样式文件都引入同一个css吧......需要一个功能:只要在全局的app.wxss引入样式之后,全局都可以用包括自定义组件。
- 希望提供的能力
只要在全局的app.wxss引入样式之后,全局都可以用包括自定义组件。
期望答复。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,设计上就是这样的。请在需要的自定义组件中加入 @import 。这里不会增加代码包大小。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
设计上,是否改称类似Vue的scoped的形式.
当前的自定义的组件的方式,导致样式重写比较麻烦
比如,使用了第三方的组件,本想只在组件外层加一个class,然后进行重载覆盖原有的样式,现在只能把样式在组件里import了
而且抽象出来的组件里只含有基本的样式,在页面的不同地方的使用可能会显示差异,这些不能在外层用class重载的话,比较麻烦的,样式都得写进组件里
类似于 scoped 的形式。之后我们会考虑优化方案。
关于自定义组件import这个字体样式的,以下方式不支持,会报错
[class^=
"icon-"
], [class*=
" icon-"
] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family
:
'icomoon'
!important
;
speak
none
font-style
normal
font-weight
font-variant
text-transform
line-height
1
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
那好吧。。。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,设计上就是这样的。请在需要的自定义组件中加入 @import 。这里不会增加代码包大小。
设计上,是否改称类似Vue的scoped的形式.
当前的自定义的组件的方式,导致样式重写比较麻烦
比如,使用了第三方的组件,本想只在组件外层加一个class,然后进行重载覆盖原有的样式,现在只能把样式在组件里import了
而且抽象出来的组件里只含有基本的样式,在页面的不同地方的使用可能会显示差异,这些不能在外层用class重载的话,比较麻烦的,样式都得写进组件里
类似于 scoped 的形式。之后我们会考虑优化方案。
关于自定义组件import这个字体样式的,以下方式不支持,会报错
[class^=
"icon-"
], [class*=
" icon-"
] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family
:
'icomoon'
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
那好吧。。。