首页 > 其他 > 详细

uni 自定义导航栏添加按钮使用自定义的icon图标

时间:2020-05-23 11:38:39      阅读:287      评论:0      收藏:0      [点我收藏+]

首先是去阿里图标里面找到自己所要的图标下载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文档里面说明 了只能 是这个开头

uni 自定义导航栏添加按钮使用自定义的icon图标

原文:https://www.cnblogs.com/huzhuhua/p/12941701.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!