前言
如果你在開發微信時,沒有圖標的話,可以到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';
效果圖:
結語
- 你完成了嗎?是不是,很容易呢?是不是很簡單呢?