ios系统上拉下拉出现白色背景解决方案

最新推荐文章于 2023-07-04 18:45:45 发布

阿奇是只猪

最新推荐文章于 2023-07-04 18:45:45 发布

阅读量9.6k

点赞数 2

分类专栏：小程序文章标签：小程序 ios 滑动空白

本文链接：https://blog.csdn.net/etemal_bright/article/details/81121979

版权

小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

最近做的小程序测试觉得 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;
}