小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
有时候需要导入外部的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;}那好吧。。。