iOS上小程序上滑/下拉背景色设置

追格官方小助手/ 2022年04月22日/ 小程序/ 浏览 2919

通常,在小程序中,我们设置页面的背景色就可以


page {
  background-color: red;
}


不过,这样做,在iOS平台上,上滑或者下拉的时候,会显示出不一样的颜色,非常得不美丽!


设置顶部或底部窗口的颜色,需要在app.json(uniapp是pages.json)中设置:


{
    "window": {
        "backgroundColor": "#ffff00",
        "backgroundColorTop": "#ffff00",
        "backgroundColorBottom": "#ffff00",
    },  
}


或者使用 api 


wx.setBackgroundColor({
  backgroundColor: '#ffffff', // 窗口的背景色为白色
  backgroundColorTop: '#ffffff', // 顶部窗口的背景色为白色
  backgroundColorBottom: '#ffffff', // 底部窗口的背景色为白色
})


发表评论

暂无评论,抢个沙发...

客服 工单