setNavigationBarTitle、setNavigationBarColor、showNavigationBarLoading、hideNavigationBarLoading、hideHomeButton

<template>
    <button @click="show">显示</button>
    <button @click="hide">隐藏</button>
    <view class="">
        <navigator url="/pages/demo/rpx">跳</navigator>
    </view>
</template>

<script setup>
    
    // 动态设置标题;场景:点击新闻切换不同标题,
    uni.setNavigationBarTitle({
        title: '动态标题'
    })
    // 动态设置标题颜色
    uni.setNavigationBarColor({
        frontColor: '#ffffff', // 仅可以设置#000和#fff
        backgroundColor: '#4cd964'
    })
    const show = () => {
        // 标题处设置loading,H5会隐藏了标题,小程序不会
        uni.showNavigationBarLoading({
            
        })
    }
    const hide = () => {
        // 隐藏标题出的loading
        uni.hideNavigationBarLoading()
    }
    // 关闭导航栏左上角的回到主页按钮,小程序才生效
    uni.hideHomeButton()
</script>

 

posted on 2025-03-01 15:25  ChoZ  阅读(7)  评论(0)    收藏  举报

导航