微信小程序如何套用iconfont

阳光穿透心脏的1/2处 2021-09-16 00:44 345阅读 0赞

标题图

前言

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

图片

图片

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

下载目录

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

目录

接下来使用代码:

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

效果图:

效果

结语

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

送❤

发表评论

表情:
评论列表 (有 0 条评论,345人围观)

还没有评论,来说两句吧...

相关阅读