最近做的小程序 测试觉得 ios上拉下拉出现空白 觉得体验很不友好,在网上找了各种资料 基本大同小异 如果业务需求是需要纯背景的话 使用方案一 如果是图片做背景的话 使用方案二
方案一:
在page.json文件内配置 :”backgroundColor”: “#XXX” 属性 或者在每个page文件夹的json文件里面设置 都是可以的
方案二:
如果背景图片颜色比较单一 可以使用与之相近的颜色代替
在wxml里面
<view class='view_container'>
<image class="img_background" mode='widthFix' src='http://m.360buyimg.com/marketingminiapp/jfs/t23068/25/834363295/3013355/77286696/5b459faaN3f3bc27f.png'></image>
***这里是写主代码的 上面的img只是做背景图***
</view>
wxss
page {
height: 100%;
width: 100%;
}
.view_container{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
/* background: url('http://m.360buyimg.com/marketingminiapp/jfs/t23068/25/834363295/3013355/77286696/5b459faaN3f3bc27f.png') no-repeat;
background-size: cover; */
position: relative;
}
.img_background{
width: 100%;
height: 100%;
position: fixed;
top: 0;
}