uni 自定義導航欄添加按鈕使用自定義的icon圖標


首先是去阿里圖標里面找到自己所要的圖標下載SVG的文件;然后去圖標制作網站制作,鏈接地址https://icomoon.io/app/#/

首先引入剛剛下載 的SVG圖標文件,引入后選中

然后點擊制作

然后下載就可以了

在把下載的壓縮文件就要fonts文件夾里面的。放到static目錄下面;然后去page。json里面設置

    "style": {
                "navigationBarTitleText": "自定義按鈕圖標",
                "app-plus": {
                    "titleNView": {
                        "buttons": [{
                            "text": "\ue900",
                            "fontSrc": "/static/fonts/icomoon.ttf",
                            "fontSize": "18px",
                            "float": "right",
                            "width": "30px"
                        }]
                    }
                }
            }

就可以了;

注意就是要是\u開頭的;因為uni文檔里面說明 了只能 是這個開頭


免責聲明!

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



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