去除微信小程序导航栏存在,添加全屏背景图

单页面下不需要window
直接在.json文件中

{
  "navigationBarBackgroundColor": "#ffffff",
   "navigationBarTextStyle": "black",
   "navigationStyle": "custom",
   "navigationBarTitleText": "产品中心"

 }

然后选择你想要的背景图


<view class="content">
	<image class='background' src="../../images/test.jpg" mode="aspectFill"></image>
</view>

样式设置为:

page{
  height:100%;
}
.background {
  width: 100%;
  height: 100%;
  position:fixed; 
  background-size:100% 100%;
  z-index: -1;
}

这样就可以全屏背景图了,不用被导航栏所干扰

在这里插入图片描述


版权声明:本文为qq_42853710原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。