From 2c5ef21edb3f44f932ed11849ae258504093a98b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Tue, 2 Jun 2026 14:44:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CommodityItem.vue   | 3 +--
 src/directives/loadimg.js          | 4 ++++
 src/views/shoppingCart/sc-item.vue | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/CommodityItem.vue b/src/components/CommodityItem.vue
index 30752c9..2eb7ef8 100644
--- a/src/components/CommodityItem.vue
+++ b/src/components/CommodityItem.vue
@@ -1,6 +1,5 @@
 <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,
@@ -42,7 +41,7 @@
 </script>
 <template>
 	<div class="commodity-item" :class="{ 'is-download': download }">
-		<img :src="nullImg" v-loadimg="props.url" alt="" @click="openDetail" />
+		<img v-loadimg="props.url" alt="" @click="openDetail" />
 		<div class="detail">
 			<div class="text">
 				<div class="name">
diff --git a/src/directives/loadimg.js b/src/directives/loadimg.js
index ef3ede3..9cec84a 100644
--- a/src/directives/loadimg.js
+++ b/src/directives/loadimg.js
@@ -1,6 +1,10 @@
+import img from '@/assets/images/shopping-cart-null.png'
 // 加载图片
 export default {
 	name: 'loadimg',
+	beforeMount(el, binding) {
+		if (!el.src) el.src = img
+	},
 	mounted(el, binding) {
 		const src = binding.value
 		if (el.src === src) return
diff --git a/src/views/shoppingCart/sc-item.vue b/src/views/shoppingCart/sc-item.vue
index 8cb41d8..bb1b120 100644
--- a/src/views/shoppingCart/sc-item.vue
+++ b/src/views/shoppingCart/sc-item.vue
@@ -7,7 +7,7 @@
 		}"
 	>
 		<slot name="checkbox" />
-		<img :src="info.cover" />
+		<img v-loadimg="info.cover" />
 		<div class="content">
 			<div class="title">{{ info.title }}</div>
 			<div class="brand" v-if="showBrand" @click="handleBrandClick">