微信小程序（五十一）页面背景（全屏）

注释很详细，直接上代码

上一篇

新增内容：

1.页面背景的基本写法

2.去除默认上标题实习全屏背景

3. 背景适配细节

源码：

index.wxss

page{
 /* 背景链接 */
  background-image: url(https://pic3.zhimg.com/v2-a76bafdecdacebcc89b5d4f351a53e6a_r.jpg?source=1940ef5c);
   /* 这样设可以更好的适配 */
  background-size: 100% auto;
  /* 是否重复叠加*/
  background-repeat: no-repeat;
}

index.json

{
  //去掉默认的上栏
  "navigationStyle": "custom"
}

效果演示：