微信小程序 在自定义组件中使用iconfont

1、从iconfont官网上把资源下载下来
2、项目结构目录如下,要在search这个组件中,使用iconfont图标,首先新建iconfont.wxss,其次在下载下来的资源中找到iconfont.css,把里面的内容复制进来。


image.png

3、在app.wxss中引入iconfont.wxss,使其变成全局样式


image.png

4、在search.wxml中使用,但发现并没有显示
image.png

5、阅读官方文档发现,自定义组件中无法使用app.wxss中的样式

https://developers.weixin.qq.com/community/develop/doc/0008c8f9840180aa6a279720551800

6、找到一个解决办法,在组件js中配置addGlobalClass为true就可以了,但是还没在官网上找到这个

Component({
  options:{
    addGlobalClass:true
  }
})

https://www.cnblogs.com/j190512/p/12668143.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。