美文网首页
uniapp 顶部导航栏添加右侧事件

uniapp 顶部导航栏添加右侧事件

作者: Rinaloving | 来源:发表于2024-04-22 21:31 被阅读0次

效果

image.png

代码

  • pages.json 中添加
{
            "path": "pages/mzCompetencyassessmentTask/NewEvaluation",
            "style": {
                "navigationBarTitleText": "新增评估",
                "enablePullDownRefresh": false,
                "app-plus": {
                    "titleNView": {
                        "buttons": [
                            {
                                "color": "#ffffff",
                                "fontSize": "30rpx",
                                "text": "首页"    
                            }
                        ]
                    }
                }
            }
        },
  • 事件
        onNavigationBarButtonTap(e) {
                        uni.switchTab({
                            url: '/pages/index/apply'
                        })
                    },
别忘记 /pages/index/apply 需要在 pages.json 中注册

相关文章

  • 仿掘金项目顶部导航

    顶部导航之网站logo 添加导航菜单 导航栏右侧登录注册按钮 头部美化 自定义样式

  • uniapp自定义导航栏

    这里说的导航栏解决的问题是手机顶部状态栏区域不被页面内容覆盖。uniapp项目,小程序都可以使用官方给的默认导航栏...

  • React-Native-顶部导航栏实现

    在先前底部导航栏的基础上添加顶部导航栏。版本环境:react-native:0.60.5 react-navi...

  • UInavigationController导航栏添加Item

    以在导航栏右侧添加按钮为例 -效果如图

  • Android

    顶部导航栏 仿京东搜索 顶部导航栏 今日头条导航栏 导航栏快速实现 瀑布流 搜索框带历史记录 tablayout ...

  • 小程序自定义导航栏设置

    为了摆脱小程序单一的顶部导航栏样式,添加更为炫酷的导航栏 设置导航栏宽高 (bug更新,ios真机上出现部分手机获...

  • 移动端导航栏——交互基础篇

    1:导航栏位置 状态栏下面部分就是导航栏 京东导航栏:左侧logo,右侧扫一扫,消息 网易导航:左侧logo,右侧...

  • 上滑隐藏,下滑显示顶部导航栏

    效果图 通过手势改变导航栏的显示和隐藏 实现思路 通过给顶部导航栏添加,移除 class 来实现隐藏和显示的动画 ...

  • swift-导航栏

    swift-导航栏直接上代码 导航栏整体背景颜色 导航栏左侧按钮 自定义 导航栏左侧 隐藏 导航栏右侧图片 参考:...

  • 微盟微商城&智慧零售店铺装修支持自定义顶部导航栏

    一、自定义顶部导航栏 1、功能背景 顶部导航栏是指固定在手机系统状态栏下的导航栏,主要由操作图标、搜索框、页面标题...

网友评论

      本文标题:uniapp 顶部导航栏添加右侧事件

      本文链接:https://www.haomeiwen.com/subject/dpjixjtx.html