微信小程序如何修改单页面背景色

遇到这个问题的时候，我第一时间去微信公众平台上面查页面配置，我发现这样的描述：

当我看到这个的时候我觉得找到了，就是你了。我在单页面的xx.json 中配置backgroundColor 就可以了。但是当你配置完你就会发现没差别，这到底是怎么回事呢，后发现原来是我误解了。此处的backgroundColor 配置的只是窗口背景色，即就是那个你上拉下拉列表是裸露出来的颜色。而不是我们所需要的页面背景色。区分这2个后我们就来看下解决办法：
在xx.wxss中添加上这样的代码即可：

  page{background: red;}

效果如下：

微信小程序如何修改单页面背景色相关推荐

微信小程序统一设置所有页面背景色
app.wxss中的样式属于全局样式,可以在app.wxss中添加如下代码来统一设置所有page的样式. page {background-color: rgba(250,250,250,0.90); ...
微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音
微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音 1.目前的需求是什么 2.都踩了那些坑 1.小程序 2.h5语音提示 3.语音合成声音录制不进去,ios有时候是麦克风,有时 ...
微信小程序PHP注册,微信小程序教程之注册页面
微信小程序――Page Page()函数用来注册一个页面.接受一个object参数,其指定页面的初始数据.生命周期函数.事件处理函数等. object参数说明: 属性类型描述 data Objec ...
微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法方法二: goBack(){let pages = ...
微信小程序动态修改样式
前言微信小程序动态修改样式:循环数组显示到页面,点击单独的按钮变换单独样式一.wxml <view class="fb_tips"wx:for="{{arr11 ...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
微信小程序插件---表单验证篇
微信小程序插件---表单验证篇项目下载地址 WxValidate - 表单验证插件介绍该插件是参考 jQuery Validate 封装的,为小程序表单提供了一套常用的验证规则,包括手机号码.电 ...
微信小程序不能跳转页面跳转不生效
微信小程序不能跳转页面跳转不生效 ,可能是用法不正确哦 wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面.使用 wx ...
微信小程序拼团功能页面展示
微信小程序拼团功能页面展示一.拼团功能拼团就是让消费者在优惠价格的吸引下,自发邀请好友组团,以优惠的价格购买商品的促销活动二.拼团功能的作用 1.与纯粹的购物相比,这种营销方式迎合了大多数用户的 ...

微信小程序如何修改单页面背景色

微信小程序如何修改单页面背景色相关推荐

最新文章

热门文章