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

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

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