微信小程序如何套用iconfont

标题图

查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/

前言

如果你在开发微信时,没有图标的话,可以到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 点赞

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券