uni-app中原生頭部導航欄圖標的添加


      uni-app是一個使用Vue.js開發跨平台應用的前端框架。開發者通過編寫Vue.js代碼,uni-app將其編譯到iOS、Android、微信小程序等多個平台,保證其正常運行並達到優秀體驗。

      記錄一下更換頂部導航欄的流程

      在page.json里的配置項

      

 更換圖標

   1.在阿里巴巴的圖標庫中選擇需要的圖標,點擊加入收藏

       

   2.右上角下載全部收藏的圖標

      

    3.在編輯器打開已經下載的文件,把文件里的iconfont.ttf丟到static文件夾里,然后再打開iconfont.css里查看unicode編碼

      

   4.最后把對應圖標的編碼填寫到page.json的配置項里text,需要寫成一個"\u***",然后重啟就實現了

   5.最后在對應的頁面生命周期方法里填寫,通過e.index,來配置不同的方法

     

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM