微信小程序开发技巧（1）建站技巧

开发小程序这么久了，整理了一些技巧清单，分享出来。（/www.zhaoweb.cn）
教育小程序开发

1、backgroundColor 配置无效
页面配置中 backgroundColor 可以设置窗口颜色：

{
“backgroundColor”: “#f2f2f2”
}
复制代码
这么设置完之后发现一点效果都没有，仔细研究一番，原来窗口颜色指的是最底层。

解决这个问题很简单，使用 page 选择器即可：

page {
background: #f2f2f2;
}
复制代码
page 是页面的根节点，也就是h5里的 html，所以可以用来设置一些样式。

2、改变自定义组件根节点样式
header组件代码如下：

header 复制代码 可以看到渲染出来后发现多出 header 节点。

在大部分开发中跟组件节点并没有什么用， 但是 某些情况下是会影响样式的， 比如说弹性布局，这里不贴demo了，反之此技巧必定用到，回头瞧瞧就行。

我们可以在自定义组件样式文件使用 :host 选择器修改跟组件节点：

:host {
padding: 50px;
}
复制代码
可以对比上图盒子模型