zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

[FE] uni-app 导航栏开发指南

App开发 指南 导航 uni fe
2023-09-14 09:02:26 时间

一种是 原生导航栏添加自定义按钮。简单明了。

 

pages.json 配置

{  
    "path": "pages/log/log",  
    "style": {  
        "navigationBarTitleText": "hello",  
        "app-plus": {  
            "titleNView": {  
                "buttons": [{  
                    "text": "\ue534",  
                    "fontSrc": "/static/uni.ttf",  
                    "fontSize": "22px"  
                }]  
            }  
        }  
    }  
}

监听代码:

export default {  
    data() {  
        return {}  
    },  
    onNavigationBarButtonTap() {  
        console.log("点击了自定义按钮");  
    }  
} 

 

文章:https://ask.dcloud.net.cn/article/34921

文档:https://ext.dcloud.net.cn/plugin?id=1765

uni 可编程式api 文档:https://uniapp.dcloud.io/api/README

Link:https://www.cnblogs.com/farwish/p/13812558.html