微信小程序如何套用iconfont


標題圖

前言

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

效果圖:

效果

結語

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

送❤


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM