不变形
1. 在页面的wxss文件中，设置背景图片的样式：
page{
background-image: url(图片路径);
background-size: 100% 100%;
background-repeat: no-repeat;
}
2. 在页面的json文件中，设置背景图片的样式：
{
"backgroundTextStyle": "dark",
"backgroundColor": "#ffffff",
"backgroundImage": "图片路径",
"backgroundSize": "100% 100%"
}
小程序背景图片完全覆盖显示
page {
overflow:hidden;
position:fixed;
background-image:url('http://someweb.com/main.jpg');
margin: 0px;
/*下面的是关键的设置100%显示*/
background-size: 100% 100%;
}
小程序顶部导航条的样色渐变色：
1.在json文件中修改："navigationStyle": "custom"
2.wxss文件中添加：page{background: linear-gradient(45deg, #0081ff, #1cbbb4);}