美文网首页
微信小程序 在自定义组件中使用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