微信小程式如何套用iconfont

達叔小生發表於2018-08-05
微信小程式

標題圖

前言

如果你在開發微信時，沒有圖示的話，可以到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';

效果圖：

效果

結語

  • 你完成了嗎？是不是，很容易呢？是不是很簡單呢？

送❤

相關文章