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">