From 15dd98a555b49b2ca28ee39b36ca22723d80f548 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Tue, 2 Jun 2026 14:31:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=B7=BB=E5=8A=A0=E7=A9=BA?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CommodityItem.vue | 3 ++-
 src/directives/avatarLoad.js     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/CommodityItem.vue b/src/components/CommodityItem.vue
index 1e470e2..30752c9 100644
--- a/src/components/CommodityItem.vue
+++ b/src/components/CommodityItem.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 	import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
+	import nullImg from '@/assets/images/shopping-cart-null.png'
 	const props = defineProps({
 		url: {
 			type: String,
@@ -41,7 +42,7 @@
 </script>
 <template>
 	<div class="commodity-item" :class="{ 'is-download': download }">
-		<img :src="props.url" alt="" @click="openDetail" />
+		<img :src="nullImg" v-loadimg="props.url" alt="" @click="openDetail" />
 		<div class="detail">
 			<div class="text">
 				<div class="name">
diff --git a/src/directives/avatarLoad.js b/src/directives/avatarLoad.js
index 7965abb..1f11e7f 100644
--- a/src/directives/avatarLoad.js
+++ b/src/directives/avatarLoad.js
@@ -14,7 +14,7 @@ export default {
 };
 function loadImage(el, src) {
 	if (!src) return
-	
+	if (el.src === src) return
 	const img = new Image()
 	img.src = src
 	img.onload = () => {