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

1. 动态修改导航条标题

uni.setNavigationBarTitle({

title:"标题名称"

})

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

2. 动态修改导航条颜色

uni.setNavigationBarColor({

backgroundColor:"颜色"

})

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

// 添加加载动画

uni.showNavigationBarLoading();

// 取消加载动画

uni.hideNavigationBarLoading();

4. 导航栏关闭首页按钮

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

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

uni.hideHomeButton()

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

相关推荐
糖拌西瓜皮2 分钟前
TypeScript 进阶:泛型、条件类型、类型守卫与装饰器
javascript·node.js
禅思院24 分钟前
Vite vs Webpack 深度对比:从启动原理到生产构建,一篇就够了
前端·架构·前端框架
IT_陈寒25 分钟前
Vue的响应式真把我坑惨了,原来问题出在这
前端·人工智能·后端
朦胧之11 小时前
AI 编程-老项目改造篇
java·前端·后端
swipe13 小时前
从 0 到 1 实现大文件上传:分片、秒传、断点续传、暂停、重试与服务端合并
前端·javascript·面试
爱勇宝14 小时前
我做了一个只用来搜歌词的小 App
android·前端·后端
甲维斯14 小时前
用AI还原《坦克大战》并3D化升级!
前端·人工智能·游戏开发
IT_陈寒14 小时前
SpringBoot自动配置坑了我一晚上,原来问题出在这
前端·人工智能·后端
kyriewen15 小时前
AI 生成的代码能跑就行?这 5 个坑迟早炸
前端·javascript·ai编程
kisshyshy15 小时前
🍦 雪糕、食堂、火车厢:三幅漫画吃透栈、队列与链表
javascript·算法