diff --git a/package.json b/package.json
index efa6087..9cb29c3 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,6 @@
     "qr-code-styling": "^1.6.0-rc.1",
     "selecto": "^1.13.0",
     "throttle-debounce": "^3.0.1",
-    "v-lazy-image": "^2.1.1",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0-0",
     "vuedraggable": "^4.1.0",
diff --git a/src/components/modules/panel/wrap/components/imgWaterFall.vue b/src/components/modules/panel/wrap/components/imgWaterFall.vue
index ef5fac7..5d6c530 100644
--- a/src/components/modules/panel/wrap/components/imgWaterFall.vue
+++ b/src/components/modules/panel/wrap/components/imgWaterFall.vue
@@ -3,26 +3,24 @@
  * @Date: 2021-12-16 16:20:16
  * @Description: 瀑布流组件
  * @LastEditors: ShawnPhang <https://m.palxp.cn>
- * @LastEditTime: 2023-10-03 22:58:32
+ * @LastEditTime: 2023-10-03 23:22:46
 -->
 <template>
   <div ref="imgWaterFall" :style="{ height: countHeight + 'px' }" class="img-water-fall">
     <!-- backgroundImage: `url(${item.cover})` -->
     <div v-for="(item, index) in list" :key="index + 'iwf'" :style="{ top: item.top + 'px', left: item.left + 'px', width: width + 'px', height: item.height + 'px' }" class="img-box" @click.stop="selectItem(item, index)">
-      <v-lazy-image v-if="!item.fail" class="img" :src="item.cover" @error="loadError(item)" />
+      <el-image v-if="!item.fail" class="img" :src="item.cover" lazy loading="lazy" @error="loadError(item)" />
       <div v-else class="fail_img">{{ item.title }}</div>
     </div>
   </div>
 </template>
 
 <script>
-import vLazyImage from 'v-lazy-image'
 const NAME = 'img-water-fall'
 import { defineComponent, toRefs, reactive, watch } from 'vue'
 
 export default defineComponent({
   name: NAME,
-  components: { vLazyImage },
   props: {
     listData: {
       type: Array,