图片添加空状态

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

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 = () => {