微信小程式使用圖示
阿新 • • 發佈:2019-01-03
微信小程式使用阿里巴巴圖示
因為業務需求專案上要使用一些圖示,下面簡單的介紹一下使用方法。
- 首先登陸自己的iconfont的賬號
阿里巴巴向量圖示庫 - 在圖示管理我的專案中檢視
- 下載並儲存檔案
iconfont.css
;
- 把檔案放入到微信小程式專案中,並把字尾更改為
*.wxss
;
- 在所需要的檔案下引用;我這裡直接引入到全域性
app.wxss
裡面了;
- 然後就是使用了
<view class="iconfont icon-pencil-square testicon"></view>
.testicon {
color: #08bb06;
background: #f00 ;
font-size: 50rpx;
text-align: center;
line-height: 50rpx;
border-radius: 50%;
width: 50rpx;
height: 50rpx;
padding: 50rpx;
}
效果圖: