微信小程序 动态设置状态栏样式

javascript 复制代码
  onLoad(options) {
    //修改状态栏标题
    wx.setNavigationBarTitle({
      title: '页面标题',    //页面标题
      success: () => {},   //接口调用成功的回调函数
      fail: () => {},      //接口调用失败的回调函数
      complete: () => {}   //接口调用结束的回调函数(调用成功、失败都会执行)
    })
    //修改状态栏
    wx.setNavigationBarColor({
      frontColor: '#ffffff', // 文字颜色只可设置黑、白
      backgroundColor:'#ff0000', // 背景色
      animation: { // 可选项
          duration: 400,//改变时间(ms)
          timingFunc: 'easeIn'//样式
      }})
  },
相关推荐
咸虾米21 小时前
微信小程序服务端api签名,安全鉴权模式介绍,通过封装方法实现请求内容加密与签名
vue.js·微信小程序·uni-app
—Qeyser1 天前
小程序UI(自定义Navbar)
小程序
YuShiYue1 天前
【uni-app】自定义导航栏以及状态栏,胶囊按钮位置信息的获取
uni-app·notepad++
2501_915921431 天前
iOS 应用上架多环境实战,Windows、Linux 与 Mac 的不同路径
android·ios·小程序·https·uni-app·iphone·webview
Goona_1 天前
PyQt多窗口应用开发:构建完整的可二次开发用户登录注册模板
python·小程序·excel·pyqt
wstcl1 天前
安卓app、微信小程序等访问多个api时等待提示调用与关闭问题
android·微信小程序·webapi
咸虾米1 天前
微信小程序通过uni.chooseLocation打开地图选择位置,相关设置及可能出现的问题
vue.js·微信小程序
AAA修煤气灶刘哥1 天前
微信小程序+Spring Boot:三步教你搞定微信小程序登录+Token加密+全局拦截器
spring boot·后端·微信小程序
yw00yw1 天前
小程序插件使用
java·小程序·apache
00后程序员张1 天前
iOS 应用上架常见问题与解决方案,多工具组合的实战经验
android·ios·小程序·https·uni-app·iphone·webview