微信小程序如何套用iconfont

標題圖

前言

若是你在開發微信時,沒有圖標的話,能夠到http://www.iconfont.cn/ 官方下使用圖標,那麼咱們去使用一些吧,到官方網址下點擊使用~html

圖片

圖片

下載代碼便可使用,看看下載的文件吧。小程序

下載目錄

如圖能夠用demo_fontclass.html下的例子。打開微信小程序開發工具。微信小程序

目錄

接下來使用代碼:微信

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

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

效果圖:xss

效果

結語

  • 你完成了嗎?是否是,很容易呢?是否是很簡單呢?

送❤

相關文章
相關標籤/搜索