uniapp开发微信小程序处理图片加载问题

226 阅读1分钟

uniapp开发微信小程序本地资源图片无法通过 WXSS 获取,可以通过以下三种方法进行解决:

一、将图片转换为base64使用

base64图片在线转换工具

image.png

image.png

二、把图片上传到服务器,使用网络图片地址

image.png

三、使用image标签定位(子绝父相)

  <view class="bgImg">
    <image url="../static/images/bgImg.png" mode="widthFix"></image>
  </view>
  
  <style lang="scss">
  .bgImg{
        width: 100%;
        height: 100%;
        position: relative;
        image{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
   }
  </style>