收藏
回答

ios设置窗口背景色wx.setBackgroundColor()

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug wx.setBackgroundColor() 客户端 iOS 6.7.0 2.1.1

wx.setBackgroundColor({

backgroundColorTop: '#ff98be', // 顶部窗口的背景色为白色

backgroundColorBottom: '#ffffff', // 底部窗口的背景色为白色

})

得到的效果顶部窗口是白色没有改变



回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-07-06

    你好,建议参考下面这个回答,后续可经过搜索找到问题答案

    无法通过api动态修改page页面的背景颜色
    https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000e6e71614ce0582f073e84656800&highline=wx.setBackgroundColor

    2018-07-06
    有用
    回复 3
    • 远航
      远航
      2018-07-07

      就是通过监听动作改变page背景色

      2018-07-07
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-07-08回复远航

      麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2018-07-08
      回复
    • soul
      soul
      2018-12-25回复社区技术运营专员-娇华

      请问我直接在onshow中设置backgroundColorTop为什么还是没用

      wx.setBackgroundColor({

      backgroundColorTop: '#2BB069', // 顶部窗口的背景色为

      backgroundColorBottom: '#ffffff' // 底部窗口的背景色为白色

      })

      要下面这样设置才能一个顶部一个底部wx.setBackgroundColor({

      backgroundColor: '#2BB069', // 顶部窗口的背景色为

      backgroundColorBottom: '#ffffff' // 底部窗口的背景色为白色

      })


      2018-12-25
      回复
  • Grey、
    Grey、
    2019-04-26

    官方文档的iOS设置上下背景异色,在iPhone xs max下确实有问题。


    1. 先设置背景色,然后再设置底部颜色,成功生效;

    wx.setBackgroundColor({
        backgroundColor:  topColor,
        backgroundColorBottom: bottomColor
    })

    2. 若要按官方文档设置backgroundColorTop,在onLoad/onShow事件中则必须要加延时,且不确定延时时长,可能会失效。

    setTimeout(() => {
        wx.setBackgroundColor({
            backgroundColorTop:  topColor,
            backgroundColorBottom: bottomColor
        })
    },  300); // 保险起见设置了300ms





    2019-04-26
    有用 1
    回复
  • 远航
    远航
    2018-07-06

    我设置{  "disableScroll":true

    }也是无效


    2018-07-06
    有用
    回复 1
    • 远航
      远航
      2018-07-07
      1. 在main.js设置背景色

      2. 设置背景色给延迟    wx.setBackgroundColor({

        backgroundColorTop: '#ff98be', // 顶部窗口的背景色为白色

        backgroundColorBottom: '#f8f9f9', // 底部窗口的背景色为白色

        })

      2018-07-07
      回复
登录 后发表内容