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文档里面说明 了只能 是这个开头

猜你喜欢

转载自www.cnblogs.com/huzhuhua/p/12941701.html