小程序修改单页面的背景颜色

设置小程序的页面背景颜色，一开始设置了一个全局的背景颜色，在app.json的widows对象中进行设置

  "window": {"backgroundTextStyle": "light","navigationBarBackgroundColor": "#fff","backgroundColor": "#f6f6f8","navigationBarTextStyle": "black"},

后来在页面中第一反应也是使用单独的json文件设置，

{"backgroundColor": "#fff","navigationBarTitleText": "添加评价"
}

果断发现，没有卵用啊，页面背景还是灰色。

解决方法，在对应的wxss文件中设置一个page类：

 page {background-color: #fff;
}

这样整个页面的背景色就设置为全白，且不影响其他页面，其它页面有特殊要求，也是如此修改就可以了。

小程序修改单页面的背景颜色相关推荐

vue框架：变更页面background背景颜色 - 代码篇
vue框架:变更body,html页面background背景颜色场景bug介绍: vue页面切换,导致后面的页面背景颜色被上一个页面背景色覆盖,如何避免这个问题. Method 1. 修改 sty ...
小程序单页面demo-PC乐园案例
小程序单页面demo-PC乐园案例根据效果图实现静态页面效果初步体会基于微信的页面开发模式第一步: 在pages文件夹下,新建目录leyuan,并在其下面新建Page,生成如下目录第二步:在l ...
微信小程序---修改背景颜色和单个页面的背景颜色
1.给所有页面设置背景颜色在app.wxss里设置 page{background-color:#f3f3f3;} 2.给单个页面设置背景颜色在单个页面的.wxss里设置 page{backgro ...
微信小程序开发——修改页面的背景颜色
背景颜色要设置为灰色,于是我给最外层的view设置了样式,如下: .order-home {background: #F3F3F3;} 结果发现只有最外层view内的元素背景颜色才为灰色,下面空余的地 ...
微信小程序实现页面加入背景图片以及调节透明度
在微信小程序中有时候需要在页面加入背景图片以及调节透明度让我们的小程序变得更加美观,以下是代码实现: 1.WXML <view class="bg" ><imag ...
微信小程序怎么设置全局背景颜色？
其实啊,这个可简单了,有手就行. 首先,打开微信小程序开发工具. 其次,找到全局配置app.json文件,修改 "navigationBarBackgroundColor": &q ...
vue给单独页面添加背景颜色
vue 单独设置背景颜色的方法是在template下的子div上添加样式 <template><div class="htmlBox"><div> ...
iOS小技能：设置状态栏背景颜色(图片)
文章目录引言 I 状态栏背景颜色的适配方案 1.1 使用新的API [statusBarManager] 1.2 适配特色场景:状态是有透明或者半透明的效果的场景 II 通过安全区域高度判断是否Ip ...
微信小程序用CSS设置背景颜色渐变
背景颜色的渐变:核心代码 -webkit-linear-gradient() WXSS的代码: .container{background-image: url(../../images/flower ...

小程序修改单页面的背景颜色

小程序修改单页面的背景颜色相关推荐

最新文章

热门文章