微信小程序设置页面背景颜色backgroundColor 无效的问题！

（1）原因：

当我们在微信小程序 json 中设置 backgroundColor 时，实际在电脑的模拟器中根本看不到效果。

（2）分析：

这是因为 backgroundColor 指的窗体背景颜色，而不是页面的背景颜色，即窗体下拉刷新或上拉加载时露出的背景。在电脑的模拟器中是看不到这个动作的，所以会让人误以为这个配置是无效的。

（3）解决方案：

如果要设置页面背景颜色，得在 wxss 文件中自定义样式，如下：

// .wxss
page {background-color: #ededed;
}

微信小程序设置页面背景颜色backgroundColor 无效的问题！相关推荐

记录 | 微信小程序设置页面背景颜色不起效果
问题:在 .json 文件里面设置背景颜色不起效果 {"usingComponents": {"van-icon": "@vant/weapp/ico ...
微信小程序设置页面背景颜色
在对应的json里面写入 { "navigationBarBackgroundColor": "#b3d4db" } app.json里不要写
微信小程序改变页面背景颜色
改变整个页面的背景颜色在该wxss中添加 page { background: #F3F3F3; }
小程序设置页面背景颜色
首先,我使用的是mpvue开发.样式使用的less,并且全局会定义一套主题. @primary-color : #ff8730; @second-color : #F48B4A; @backgroun ...
微信小程序设置wxss背景图片
微信小程序设置wxss背景图片目前只支持两种: 在线图片如果有自己的服务器可以将图片放到自己的web服务器上: 或者参考这个通过qq相册或百度相册将本地图片变为网上图片通过qq相册或百度相册将本地图 ...
微信小程序设置tabBar选中颜色和图标
{"pages":["pages/index/index","pages/logs/logs"],"window":{& ...
微信小程序-设置全局的颜色变量
应用场景:每款应用都会有自己的一种主题颜色:比如京东的红色,和淘宝的橙色 1.在全局app.wxss样式中设置变量颜色代码如下: /* 主题颜色通过变量来实现 */ page{--theme ...
微信小程序设置页面标题
在json文件中设置 {"navigationBarTitleText": "页面标题" } 在js文件中设置 wx.setNavigationBarTitle ...
微信小程序设置页面全局背景色
在wxss文件内添加即可 page{background-color:#EEEEEE;}

微信小程序设置页面背景颜色backgroundColor 无效的问题！

微信小程序设置页面背景颜色backgroundColor 无效的问题！相关推荐

最新文章

热门文章