前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序如何套用iconfont

微信小程序如何套用iconfont

作者头像
达达前端
发布2019-07-03 12:41:13
1.8K0
发布2019-07-03 12:41:13
举报
文章被收录于专栏:达达前端

标题图

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

前言

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

图片

图片

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

下载目录

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

目录

接下来使用代码:

代码语言:javascript
复制
<!--index.wxml-->
<view class="container">

  <view>广州塔<i class="iconfont icon-ziyuan"></i></view>
</view>
代码语言:javascript
复制
/**index.wxss**/
@import '../iconfont/iconfont.wxss';

效果图:

效果

结语

  • 你完成了吗?是不是,很容易呢?是不是很简单呢?
  • 小礼物走一走 or 点赞
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.08.05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 结语
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档