美文网首页
微信小程序 使用iconfont

微信小程序 使用iconfont

作者: 张思学 | 来源:发表于2019-10-08 13:51 被阅读0次

    iconfont:https://www.iconfont.cn
    需要的图标上传至iconfont我的项目

    image.png
    1. 下载至本地


      image.png
    2. 文件解压,更改名称,并将文件复制到项目文件中
      2.1 文件夹重命名为fonts(名称可取任意)
      2.2 删除的demo.cssdemo.html
      2.3 将iconfont.css改为iconfont.wxss
      2.4 将fonts文件夹放至项目内

      image.png
    3. 在页面中进行引入使用iconfont
      3.1 在使用界面wxss引入样式表fonts/iconfont.wxss
      3.2 在使用界面wxml中使用

    @import '/assets/fonts/iconfont.wxss';
    
    <icon class="iconfont iconshangyishou"></icon>
    

    iconfont必须要写;iconshangyishou是样式名称;样式名称可在iconfont我的项目中复制代码获取

    image.png

    相关文章

      网友评论

          本文标题:微信小程序 使用iconfont

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