Wepy使用iconfont圖標

1、爲什麼要在微信小程序中引用iconfont?

答:在微信小程序的限制下,代碼包的上傳的大小目前擴展至2M。圖標切圖佔據了代碼包的資源,因此iconfont的時代就此來臨。

2、如何將iconfont引用至微信小程序Wepy框架中?

答:  1、將icon添加至iconfont項目中

        2、更新url地址
        3、在wepy框架中新建iconfont.wxss文件
        4、複製iconfont css源碼至iconfont.wxss中
        5、在app.wpy中style標籤內,通過’@import “./iconfont.wxss”’
        6、全局app中生效,小程序內可正常像寫h5一樣正常使用iconfont的方式 

3、iconfont的引入,帶來的是微信小程序代碼、體驗上的提升。能夠減少不必要的圖片存在,也能夠將代碼寫的更加優雅,簡要。

提示: iconfont使用以來,主要範圍還是支撐簡單圖標,顏色複雜(雙色)圖標效果體驗不佳。


以上是個人學習、使用心得,如有瑕疵,請評論指出,謝謝~!



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章