微信小程序background-image不能直接指定本地图片

微信小程序background-image不能直接指定本地图片

解决方法：
①使用网络图片
②使用base64编码
③使用image控件，设置src属性

<view class="relative">
  <image class="pic_bg" src="/pages/static/pic_bg.png"></image>
  <view class="container">4
    .....
  </view>
</view>

// Css
.relative {
  width: 684rpx;
  height: 282rpx;
  position:relative;
}
.pic_bg {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: -99;
}

微信小程序使用本地图片

使用image src为绝对路径 （相对路径真机调试无法显示）

<image src="/pages/static/course_ban.png"></image>