本文作者:DurkBlue

微信小程序怎么套用iconfont

DurkBlue 2019-12-04 1866
微信小程序怎么套用iconfont摘要: 前言如果你在开发微信时,没有图标的话,可以到http://www.iconfont.cn/ 官方下使用图标,那么我们去使用一些吧,到官方网址下点击使用~下载代码即可使用,看看下载的...

前言

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

微信小程序怎么套用iconfont  第1张

微信小程序怎么套用iconfont  第2张

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

微信小程序怎么套用iconfont  第3张

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

微信小程序怎么套用iconfont  第4张

接下来使用代码:

<!--index.wxml-->
<view class="container">

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

效果图:

微信小程序怎么套用iconfont  第5张


此篇短文由DurkBlue发布,写作不易转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2019-12-04
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享