uniapp动态设置的背景图片如何做懒加载

要实现uniapp动态设置的背景图片的懒加载，可以使用uniapp自带的mixin混入功能。具体步骤如下：

1. 创建一个mixin.js文件，用于混入图片懒加载的代码。

2. 在mixin.js中编写一个方法，用于将背景图片设置为懒加载模式。

3. 在需要使用背景图片的组件中，通过mixins属性引入mixin。

4. 在组件的mounted钩子函数中，调用之前编写的方法，将背景图片设置为懒加载模式。

以下是具体实现代码示例：

1. mixin.js文件中的代码：

export default {
  mounted() {
    this.$nextTick(() => {
      let bgImg = this.$el.style.backgroundImage;
      if (bgImg) {
        let img = new Image();
        img.src = bgImg.replace(/url\(['"]?(.*?)['"]?\)/i, '$1');
        img.onload = () => {
          this.$el.style.backgroundImage = `url(${img.src})`;
        };
      }
    });
  }
};

2. 在需要使用背景图片的组件中引入mixin：

import mixin from 'path/to/mixin.js';

export default {
  mixins: [mixin],
  mounted() {
    // ...
  }
};

通过以上步骤，就可以实现uniapp动态设置的背景图片的懒加载。