HTML5+DCloud--MUI--自定義tabbar圖標

官方鏈接:http://ask.dcloud.net.cn/article/128

額,中英文字母打錯?。。】恿艘粋€多小時,默默的蹲在角落里/(ㄒoㄒ)/~~

讀者謹記!?。。。。。。。。。?!

1、進入 :http://iconfont.cn/? ? 把你選好的圖標放入購物車,之后點擊“存儲為項目”,輸入項目名字,隨意寫,點擊“存儲”按鈕后,會跳轉到項目管理頁面,

2、點擊“下載到本地”按鈕,會將合并后的字體文件及自動生成的css全部下載,如下:

3、把iconfont.css和iconfont.tff文件分別拷貝到項目文件css和fonts下。打開iconfont.css文件如下:

4、修改url如下:(千萬不要寫錯哦?。。。?/p>

5、在你的頁面文件中寫

<link href="css/iconfont.css" rel="stylesheet"/>

6、將mui默認的icon(如mui-icon-home)替換成iconfont iconfont icon-shouyeshouye,修改后預覽效果如下:


大家動手試試就知道了?。?!敲出來才是最好的!!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容