-
材料
- github賬號或者微博賬號【阿里大佬請略過】
- 手
-
start
登陸阿里云
創(chuàng)建項目
挑選心儀的icon到項目
-
下載項目并解壓
image.png -
將iconfont.css放置在小程序中厉颤,并修改后綴為wxss掂榔,否則編譯錯誤
image.png 在app.wxss中全局引入,也可在目標頁面單獨引入
@import 'xx/xx/iconfont.wxss';
- 目標wxml使用
<text class="iconfont icon-xxx"></text>
注1:icon-xxx
為你在iconfont.css自定義的名稱闷盔,類似
/* 測試相機圖標侧纯,修改顏色通過color即可 */
.iconzhaoxiangji-copy:before {
content: "\e602";
}
.iconzhaoxiangji-copy1:before {
content: "\e603";
}
.iconzhaoxiangji:before {
content: "\e601";
color: red;
}
注2:每次更新新的圖標需要重新引用下載,如果新加的圖標不需要使用,則可以不更新