diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png
new file mode 100644
index 0000000..6a0f374
Binary files /dev/null and b/src/assets/images/avatar.png differ
diff --git a/src/assets/images/brand/brandDetailBg.png b/src/assets/images/brand/brandDetailBg.png
index d5b004b..55b5d3e 100644
Binary files a/src/assets/images/brand/brandDetailBg.png and b/src/assets/images/brand/brandDetailBg.png differ
diff --git a/src/directives/avatarLoad.js b/src/directives/avatarLoad.js
new file mode 100644
index 0000000..8e8b287
--- /dev/null
+++ b/src/directives/avatarLoad.js
@@ -0,0 +1,27 @@
+// 加载图片
+import avatar from '@/assets/images/avatar.png'
+export default {
+	name: 'avatarLoad',
+	mmounted(el, binding) {
+		loadImage(el, binding.value)
+	},
+	updated(el, binding) {
+		// 当 binding.value 发生变化时重新加载
+		if (binding.oldValue !== binding.value) {
+			loadImage(el, binding.value)
+		}
+	},
+};
+function loadImage(el, src) {
+	if (!src) return
+	
+	const img = new Image()
+	img.src = src
+	img.onload = () => {
+		el.src = src
+	}
+	img.onerror = () => {
+		el.src = avatar // 默认头像
+		console.log('图片加载失败:', src)
+	}
+}
\ No newline at end of file
diff --git a/src/views/brand/brand-item.vue b/src/views/brand/brand-item.vue
index 945a12a..73a424f 100644
--- a/src/views/brand/brand-item.vue
+++ b/src/views/brand/brand-item.vue
@@ -25,7 +25,7 @@ const {} = toRefs(data);
 	<div class="item">
 		<div class="left">
 			<div class="portrait">
-				<img :src="item.avatar" alt="">
+				<img v-avatarLoad="item.avatar" alt="">
 			</div>
 			<div class="info">
 				<div class="name">{{ item.shopName }}</div>
diff --git a/src/views/brandDetail/index.vue b/src/views/brandDetail/index.vue
index 25ed20d..178190f 100644
--- a/src/views/brandDetail/index.vue
+++ b/src/views/brandDetail/index.vue
@@ -7,6 +7,7 @@ import myEvent from '@/utils/myEvent'
 import { ElMessage } from 'element-plus'
 import { getDesignerDetail } from '@/api/brand'
 import { AddShoppingCart } from '@/api/shoppingCart'
+import brandDetailBg from '@/assets/images/brand/brandDetailBg.png'
 
 //const props = defineProps({
 //})
@@ -54,7 +55,7 @@ defineExpose({})
 <template>
 	<div class="brand">
 		<div class="header-img">
-			<img :src="designerDetail.brandBanner || '@/assets/images/brand/brandDetailBg.png'" alt="">
+			<img :src="designerDetail.brandBanner || brandDetailBg" alt="">
 		</div>
 		<div class="content">
 			<div class="merchant-info">
diff --git a/src/views/brandDetail/merchant-info.vue b/src/views/brandDetail/merchant-info.vue
index e0ebde0..76cbb61 100644
--- a/src/views/brandDetail/merchant-info.vue
+++ b/src/views/brandDetail/merchant-info.vue
@@ -31,7 +31,7 @@ const {} = toRefs(data);
 <template>
 	<div class="merchantInfo">
 		<div class="profile">
-			<img :src="designerDetail.avatar || '@/assets/images/collectionStory/Rectangle.png'" alt="">
+			<img v-avatarLoad="designerDetail.avatar" alt="">
 		</div>
 		<div class="info">
 			<div class="detail">
diff --git a/src/views/digitalDetail/index.vue b/src/views/digitalDetail/index.vue
index 4554a54..b9e7acd 100644
--- a/src/views/digitalDetail/index.vue
+++ b/src/views/digitalDetail/index.vue
@@ -131,7 +131,7 @@ defineExpose({})
 				</div>
 				<div class="commodity">
 					<div class="info">
-						<img class="profile" :src="detail.avatar" alt="">
+						<img class="profile" v-avatarLoad="detail.avatar" alt="">
 						<div class="detail">
 							<div class="name">{{ detail.shopName }}</div>
 							<div class="release-time">