当前位置: 首页 > article >正文

【Uniapp-Vue3】动态设置页面导航条的样式

1. 动态修改导航条标题

uni.setNavigationBarTitle({

        title:"标题名称"

})

点击修改以后顶部导航栏的标题会从“主页”变为“动态标题” 

2. 动态修改导航条颜色

uni.setNavigationBarColor({

        backgroundColor:"颜色"

})

3. 动态添加导航加载动画

// 添加加载动画

uni.showNavigationBarLoading();

// 取消加载动画

uni.hideNavigationBarLoading();

4. 导航栏关闭首页按钮 

在微信小程序中如果编译非首页页面左上角就会出现返回首页的按钮(仅限微信小程序在开发模式下)

使用如下配置关闭首页按钮:

uni.hideHomeButton()

这样我们就可以将多个子页面作为主页面


http://www.kler.cn/a/515129.html

相关文章:

  • OpenEuler学习笔记(九):安装 OpenEuler后配置和优化
  • Android SystemUI——通知栏构建流程(十六)
  • CSRF漏洞学习总结
  • Games104——渲染中光和材质的数学魔法
  • Arweave的出块原理
  • 高并发内存池_CentralCache(中心缓存)和PageCache(页缓存)申请内存的设计
  • 使用c#开发机器学习项目入门
  • java开发,IDEA转战VSCODE配置(mac)
  • 深入了解 Java 中的数组与字符串
  • 如何访问GitHub
  • 数据结构与算法之贪心: LeetCode 55. 跳跃游戏 (Ts版)
  • VS环境下调用ffmpeg库
  • SQL sever数据导入导出实验
  • 青少年编程与数学 02-007 PostgreSQL数据库应用 12课题、存储过程编写
  • 逐笔成交逐笔委托Level2高频数据下载和分析:20250122
  • vue视频流播放,支持多种视频格式,如rmvb、mkv
  • vector的使用,以及部分功能的模拟实现(C++)
  • Unity入门1
  • iptables和ipvs差异
  • 攻防世界GFSJ1012 pwnstack
  • GaussDB数据库故障定位手段
  • 詳細講一下mobx的在ReactNative中的用法,包含下載,配置。
  • java开发常用指令整理
  • 【jmeter】下载及使用教程【mac】
  • .NET Framework
  • 【Elasticsearch】RestClient操作文档