uni-app设置导航条(动态设置标题、设置导航条颜色、显示与隐藏导航条标题加载效果)

本文介绍如何在UniApp中动态设置页面标题、导航条颜色及加载动画,并提供隐藏特定页面顶部导航栏的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<template>
	<view class="content">
		<view @click="amend">动态设置当前页面的标题</view>

	</view>
</template>

<script>
	export default {
		methods: {
			//动态设置当前页面的标题。
			amend() {
				uni.hideNavigationBarLoading();
				uni.setNavigationBarTitle({
					title: '新的标题'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {}
</style>

详细介绍设置导航条(动态设置当前页面的标题、设置页面导航条颜色、在当前页面显示导航条加载动画、在当前页面隐藏导航条加载动画),官方地址链接:https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle


给一个单独的页面隐藏顶部的 导航栏 可以在pages.json里 单独的路由style下面配置  "app-plus": {"titleNView": false} :

{
	"path": "pages/gather/initialSuccess",
	"style": {
		"navigationBarTitleText": "初审成功",
		"app-plus":{"titleNView":false}
        }
}

官方链接地址:https://uniapp.dcloud.io/collocation/pages?id=app-plus

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值