目录

全局背景色设置
	
单个页面



大概或许可能是自己配置不到位，页面.json 的 window 里配的背景色无效，这里采用了别的方式去实现效果，记录一下自己一机灵想到的解决方式

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

	
原来页面.json 里配的是上拉下拉列表是裸露出来的颜色，而不是我们所需要的页面背景色
	


全局背景色设置


将每个页面的默认背景色设置成灰色，一次配置，所有页面生效

(适用于大多数页面背景颜色一致的情况，特殊页面单独设置即可)

其他页面是默认继承过去的背景色，你不设置用的就是这里设置的


app.wxss

/**app.wxss**/
page {
  background-color: rgb(245, 245, 245);
}

单个页面

xxxx.wxss

同上，可以直接设置页面里 page 的样式

/**index.wxss**/
page {
  background-color: teal;
}


当然，也可以采用下面这种方式


单个页面最外层包个 <view class="pageContainer"></view> 作为根容器，来设置样式，给定背景色

关键点 min-height: 100vh;：页面最低高度100%屏幕高度

	
内容不足一屏时，pageContainer 高度就是100%屏幕高度
		
内容超过一屏时，内容有多高，pageContainer 就有多高
	


/**index.wxss**/
.pageContainer{
  min-height: 100vh;
  background-color: rgb(245, 245, 245);
}

一：设置背景颜色
1.准备编辑HTML
首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.php.cn/html/html-colornames.html，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色。
2.使用Notepad++或Notepad打开HTML文件，并且把页面的所有样式信息(包括背景颜色)添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入，如下：
背景红色
或者
body{
background-color：red
}
html如何设置背景颜色？两种方法教会你
3.您可以使用“background-color”来定义其他元素的背景，例如标题，段落等。例如，要将背景颜色应用于主标题(
)或段落(
)。
二：创建渐变背景
1.制作渐变时，我们需要两条信息起点和角度，以及渐变之间过渡的颜色。您可以选择多种颜色以使渐变在所有颜色之间移动，并且可以设置渐变的方向或角度。
属性：
背景：线性梯度(方向/角度，颜色1，颜色2，颜色3，等);
2.制作垂直渐变的时候，如果未指定方向，则渐变将从上到下要创建渐变，要在标记之间添加以下代码：
html{
min-height：100％;
}
body{
background：-webkit-linear-gradient(left，＃93B874，＃C9DCB9);
background：-o-linear-gradient(right，＃93B874，＃C9DCB9);
background：-moz-linear-gradient(right，＃93B874，＃C9DCB9);
背景：线性梯度(到右侧，＃93B874，＃C9DCB9);
background-color：＃93B874;
}
当然也可以向渐变添加方向以更改颜色偏移的显示方式，您不仅可以添加两种以上的颜色，还可以在每种颜色之后添加一个百分比。也可以设置每个颜色段所需的间距，为您的颜色添加透明度，使用相同的颜色从颜色淡化为空。也可以使用该rgba()函数来定义颜色，结束值决定透明度：0实体和1透明。

抖音小程序基础之 如何设置navigationBar背景颜色和标题 （教程含源码）
字节宿主小程序的每一个页面的窗口表现也可以通过页面目录下的.json文件进行配置，这个页面的独立配置会比 app.json 要简单；
如果 app.json 的 window 字段里面配置了某个页面的窗口样式，同时该页面也在自己的 .json文件中做了对应字段的配置的话，框架会优先采用页面里面的 .json 相应配置项。
例如：
{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "api title",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}


系列文章

《原创 抖音小程序开发教程之 01 构建开发环境（教程含源码）》


未经授权禁止转载

更多技术交流请加入QQ群
群名称：抖音小程序开发

群   号：491016707

最近在使用UITableView做页面的时候，被一个问题困扰很久，如何将UITableView的页面的背景颜色设置为透明，
显示效果为：每个TableView的Cell只显示图片，lbl等内容，但背景色为透明，即显示为其所在的的UIView的背景色。
在百度上搜索了很多方法都无效，今天终于解决：
一直在纠结于UITableView和UITableViewCell的背景色设置为透明，但无效，最终发现，需要设置一下UITableViewCell的
一个lableText的backgroundcolor为透明色，这样问题就迎刃而解了，具体代码很简单：

//    这里使用编写一个简单地例子
//    iTableView为UITableView的一个实例j
//    Cell为自定义UITableViewCell的一个实例

//  将tableView背景色设置为透明
    iTableView.backgroundView = nil;
    iTableView.backgroundColor = [UIColor clearColor];
//  将cell和cell.textLabel的背景色全都设置为透明 
   cell.textLabel.backgroundColor = [UIColor clearColor];
   cell.backgroundColor = [UIColor clearColor];
//    使用自己定义的背景色
self.view.backgroundColor = [UIColor ...];
//    或者为UITableView设置一个背景色，两者效果是有区别的，请选择需要的方案
iTableView.backgroundColor = [UIColor ...];


 效果图(TableView使用所在的UIView的颜色作为背景色)：

转载于:https://www.cnblogs.com/fizix100/p/3724347.html