前端微信小程序图片无法在真机显示问题

356 阅读1分钟

一. 本地背景图在小程序页面不显示如何解决?

  1. 小程序不支持背景图使用本地图片
  2. 背景图支持base64格式,支持网络地址
  3. 可将背景图上传到服务器,使用网络地址
  4. 使用image标签代替背景图进行设置
 <image class="imgbgc" heightFix src="/static/images/general/logo/logobgc.png"></image>
 ----------------------------------------------------------------------------------------
        .imgbgc{
          width: 100%;
          height: 100%;
          position:fixed; 
          // background-size:100% 100%;
          z-index: -1;
        }

二. 本地图片在开发工具可见,在真机编译的时候不可见如何解决?

  1. 保证图片路径没有中文字符
  2. 上传服务器用网络地址
  3. 使用本地动态加载
 <image class="imgbot" :src="icon1" mode=""></image>
 -----------------------------------------------------------------
  data() {
    return {
      icon1: require('../../static/images/general/details/图层 503@2x.png'),
      }
     }