微信小程序的background在手机不显示

style="background:url(https://api.plus.123rf.com.cn/as/46406114.jpg);background-size:100% 100%;"

.container{
  width:100vw;
  height:100vh
}

在手机端不显示的原因： background本地图片不能再手机上显示，可以引入服务器上的图片，或者使用图片的base64码，但是如果图片太大，建议使用服务器地址。

<view style="background:url(../../img/p.png)"></view>

2.如果想使用外部样式表引入的话，直接使用background会报渲染层错误，可以将图片上传到服务器，然后在使用background

<view class="container" style="background:url(https://api.plus.123rf.com.cn/as/46406114.jpg);background-size:100% 100%;">

3.直接使用images标签（注：图片地址使用本地图片地址会报错，可以使用服务器地址）

<view>
  <image src="https://api.plus.123rf.com.cn/as/46406114.jpg"></image>
</view>

<view class="container" style="background:url(https://api.plus.123rf.com.cn/as/46406114.jpg);background-size:100% 100%;">
  <view class="userinfo">
    <button wx:if="{
         
  {!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
    <block wx:else>
      <image bindtap="bindViewTap" class="userinfo-avatar" src="{
         
  {userInfo.avatarUrl}}" mode="cover"></image>
      <text class="userinfo-nickname">{
         
  {userInfo.nickName}}</text>
    </block>
  </view>
</view>

.container{
  width:100vw;
  height:100vh
}