uni - app 设置导航条

1. uni.setNavigationBarTitle(OBJECT)

动态设置当前页面的标题

uni.setNavigationBarTitle({
	title: '新的标题'
});

 

 

2. uni.setNavigationBarColor(OBJECT)

设置页面导航条颜色。

如果需要进入页面就设置颜色,请延迟执行,防止被框架内设置颜色逻辑覆盖

uni.setNavigationBarColor({
    frontColor: '#ffffff',
    backgroundColor: '#ff0000',
    animation: {
        duration: 400,
        timingFunc: 'easeIn'
    }
})

 

 

3. uni.showNavigationBarLoading(OBJECT)

在当前页面显示导航条加载动画

uni.showNavigationBarLoading()

 

 

4. uni.hideNavigationBarLoading(OBJECT)

在当前页面隐藏导航条加载动画

uni.hideNavigationBarLoading()


5. uni.hideHomeButton(OBJECT) 

隐藏返回首页按钮

uni.hideHomeButton()

*** hideHomeButton是指 页面栈深度为1时 隐藏左上角的返回首页按钮。

通过这两种方式路由跳转的会出现小房子

1. uni.redirectTo({})
2. uni.reLaunch({​})

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【项目介绍】 毕业设计基于uni-app实现的水果商城微信小程序源码+项目说明.zip 毕业设计基于uni-app实现的水果商城微信小程序源码+项目说明.zip 该资源内项目代码都是经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶, 或者实际项目借鉴参考! 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行,也可在此代码基础上进行修改,以实现其他功能。 目录结构 ``` fruitsShop ├─ common/ # 公用工具库文件 ├─ components/ # uni-app组件目录 ├─ hybrid/ # 存放本地网页的目录 ├─ pages/ # 业务页面文件存放的目录 │ ├─ index/ # 首页 │ │ ├─ index.vue │ ├─ order/ # 订单 │ │ ├─ index.vue │ ├─ search/ # 搜索 │ │ ├─ index.vue │ ├─ shopCart/ # 购物车 │ └─ ... ├─ platforms/ # 存放各平台专用页面的目录 ├─ static # 存放应用引用静态资源(如图片、视频等)的目录 ├─ unpackage/ # 打包目录 ├─ wxcomponents/ # 存放小程序组件的目录 ├─ App.vue # 应用配置,用来配置App全局样式以及监听 ├─ main.js # Vue初始化入口文件s ├─ manifest.json # 配置应用名称、appid、logo、版本等打包信息 ├─ package.json # 配置页面路由、导航条、选项卡等页面类信息 └─ README.md ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值