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
}
})
网友评论