美文网首页
【uni-app】iconfont 使用方法

【uni-app】iconfont 使用方法

作者: 大Q本Q | 来源:发表于2019-07-31 15:57 被阅读0次

    在uni-app中使用iconfont


    1. 在iconfont网站创建项目

    https://www.iconfont.cn/

    1.png
    2.png

    2. 搜索需要的图标,并加入购物车

    3.png

    3. 将购物车内的图标加入刚刚新建的项目

    4.png
    5.png

    4. 在我的项目界面,下载字体图标

    6.png

    5. 使用字体图标

    1. 将下载的字体放入项目
    2. 在main.js中引入iconfont.css
    3. 打开iconfont.css查看所需的字体classname为 lambot-set
    4. 在页面文件中使用
      <text class="iconfont lambot-set"></text>
      7.png

    6. 在页面可查看到图标

    8.png

    相关文章

      网友评论

          本文标题:【uni-app】iconfont 使用方法

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