微信小程序如何套用iconfont

作者: 魔王哪吒 | 来源:发表于2018-08-05 12:40 被阅读49次
    标题图

    前言

    如果你在开发微信时,没有图标的话,可以到http://www.iconfont.cn/ 官方下使用图标,那么我们去使用一些吧,到官方网址下点击使用~

    图片 图片

    下载代码即可使用,看看下载的文件吧。

    下载目录

    如图可以用demo_fontclass.html下的例子。打开微信小程序开发工具。

    目录

    接下来使用代码:

    <!--index.wxml-->
    <view class="container">
    
      <view>广州塔<i class="iconfont icon-ziyuan"></i></view>
    </view>
    
    /**index.wxss**/
    @import '../iconfont/iconfont.wxss';
    

    效果图:

    效果

    结语

    • 你完成了吗?是不是,很容易呢?是不是很简单呢?

    • 小礼物走一走 or 点赞

    送❤

    相关文章

      网友评论

      本文标题:微信小程序如何套用iconfont

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