美文网首页
微信小程序 在自定义组件中使用iconfont

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

作者: 小牧羊爱吃瓜 | 来源:发表于2020-07-14 15:35 被阅读0次

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

相关文章

网友评论

      本文标题:微信小程序 在自定义组件中使用iconfont

      本文链接:https://www.haomeiwen.com/subject/bjqfhktx.html