微信小程序页面添加背景图 图片全屏显示

前言

微信的wxss里面不允许使用使用background:url()，只能另外找方法进行背景图片显示。

方法

1、wxss页面里面设置页面的全屏宽高，以及view添加宽高

page{height:100%;}.content{width: 100%;height: 100%; }

2、wxml页面添加代码

<view class="content"><image style="width: 100%;height: 100%; background-color: #eeeeee;" src="../../assets/imgs/back.jpg"></image></view>

3、添加完成后就可以实现图片全屏显示到页面上了