微信小程序开发——修改页面的背景颜色

背景颜色要设置为灰色，于是我给最外层的view设置了样式，如下：

.order-home {background: #F3F3F3;}

结果发现只有最外层view内的元素背景颜色才为灰色，下面空余的地方都是白色的。

于是我修改了页面的.json文件 ,”backgroundColor”: “#F3F3F3”,

然而并没有效果！

其实只要给page设置背景颜色即可！

page {background: #F3F3F3;
}

微信小程序开发——修改页面的背景颜色相关推荐

微信小程序开发——动态改变按钮背景颜色
在wxss文件中可以简单地设置button的背景颜色和各种样式,然而,这样的样式设计不能够动态改变.那么,如何动态改变控件的样式呢?下面以button为例来介绍. 此方法不用修改wxss文件,首先,在 ...
微信小程序开发--分类页面实现
微信小程序开发–分类页面实现之前在详情页面利用Vant Weapp的UI库构建出了GoodsAction 商品导航功能,接着需要在分类页面(kind.wxml)实现商品分类. 1.引入第三方组件用 ...
《微信小程序开发》页面导航最强详解 | 如何对小程序页面进行跳转？
<微信小程序开发> 页面导航最强详解 | 如何对小程序页面进行跳转? 文章目录 <微信小程序开发> 页面导航最强详解 | 如何对小程序页面进行跳转? 一.微信小程序导航二.命 ...
vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面这里写目录标题 vue微信小程序开发(二)---菜单以及页面图标的选择创建并注册页面底部导航大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...
微信小程序动态修改页面标题title
背景有这样一个需求,想动态修改微信小程序页面顶部的标题,应该如何操作呢? 做法一.首先看看静态修改微信小程序页面顶部的标题的做法. 通过修改页面json文件即可修改页面标题 {"navi ...
微信小程序开发之页面传参
这传参主要是三种: 1.简单值传参如:id=1,string = asdfg之类,其中字符不包含特殊字符如?.=之类 2.含特殊字符传参如一个地址http://r.photo.store.qq.co ...
微信小程序开发之页面布局
一.概述 Flex布局又称弹性布局,在小程序开发中比较适用.网页布局(layout)是CSS的一个重点应用.布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + f ...
微信小程序开发——修改小程序显示名称
修改小程序显示名称在小程序的全局变量设置文件(app.json)里面 "pages":["pages/cal/cal","pages/logs/lo ...
微信小程序开发 - 修改globalData的值
非app.js的页面: var app = getApp(); app.globalData.userName = "xxx"; app.js: 在onLaunch函数中:(var ...

微信小程序开发——修改页面的背景颜色

微信小程序开发——修改页面的背景颜色相关推荐

最新文章

热门文章