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

  onLoad(options) {
   
    //修改状态栏标题
    wx.setNavigationBarTitle({
   
      title: '页面标题',    //页面标题
      success: () => {
   },   //接口调用成功的回调函数
      fail: () => {
   },      //接口调用失败的回调函数
      complete: () => {
   }   //接口调用结束的回调函数(调用成功、失败都会执行)
    })
    //修改状态栏
    wx.setNavigationBarColor({
   
      frontColor: '#ffffff', // 文字颜色只可设置黑、白
      backgroundColor:'#ff0000', // 背景色
      animation: {
    // 可选项
          duration: 400,//改变时间(ms)
          timingFunc: 'easeIn'//样式
      }})
  },

在这里插入图片描述

相关推荐

  1. 程序修改placeholder样式

    2023-12-22 07:50:01       41 阅读
  2. 程序-组件样式隔离

    2023-12-22 07:50:01       29 阅读
  3. 程序动画

    2023-12-22 07:50:01       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-22 07:50:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-22 07:50:01       106 阅读
  3. 在Django里面运行非项目文件

    2023-12-22 07:50:01       87 阅读
  4. Python语言-面向对象

    2023-12-22 07:50:01       96 阅读

热门阅读

  1. GBASE南大通用集群负载均衡

    2023-12-22 07:50:01       54 阅读
  2. hive中map相关函数总结

    2023-12-22 07:50:01       72 阅读
  3. unity中Android各版本对应的SDK版本

    2023-12-22 07:50:01       60 阅读
  4. caffe模型的python前向测试

    2023-12-22 07:50:01       71 阅读
  5. [网络安全]用户与组管理

    2023-12-22 07:50:01       62 阅读
  6. FreeRTOS创建任务保存以及任务堆栈大小记录

    2023-12-22 07:50:01       58 阅读
  7. 【Rust学习笔记】ToString

    2023-12-22 07:50:01       72 阅读
  8. vue实现excel上传并显示数据

    2023-12-22 07:50:01       70 阅读
  9. C++ 类的析构函数和构造函数

    2023-12-22 07:50:01       69 阅读