From 8e60b009a438a5d3c9331922fd687390caaed626 Mon Sep 17 00:00:00 2001
From: WUSIJIAN <13825895+wsj0228@user.noreply.gitee.com>
Date: Fri, 9 Jan 2026 15:25:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=95=B0=E5=AD=97=E4=BA=BA?=
 =?UTF-8?q?=E5=BD=A2=E8=B1=A1=E5=8D=A1=E7=89=87=E7=9A=84=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=BA=90=E5=B9=B6=E4=BC=98=E5=8C=96=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F,=E5=B0=86=E9=9A=8F=E6=9C=BA?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=9B=BF=E6=8D=A2=E4=B8=BAicons8=E7=9A=843D?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87,=E5=90=8C=E6=97=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E9=AB=98=E5=BA=A6=E5=92=8C=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/digitalHuman/avatar/index.vue | 36 ++++++++++++++++---------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/views/digitalHuman/avatar/index.vue b/src/views/digitalHuman/avatar/index.vue
index ffea72a..bed8b23 100644
--- a/src/views/digitalHuman/avatar/index.vue
+++ b/src/views/digitalHuman/avatar/index.vue
@@ -103,7 +103,7 @@ const mockData: AvatarItem[] = [
 	{
 		id: 1,
 		name: '商务男性形象',
-		avatar: 'https://picsum.photos/300/400?random=1',
+		avatar: 'https://img.icons8.com/3d-fluency/512/businessman.png',
 		description: '专业商务风格的男性数字人形象，适合企业宣传',
 		type: '真人形象',
 		status: 1,
@@ -112,7 +112,7 @@ const mockData: AvatarItem[] = [
 	{
 		id: 2,
 		name: '甜美女性形象',
-		avatar: 'https://picsum.photos/300/400?random=2',
+		avatar: 'https://img.icons8.com/3d-fluency/512/businesswoman.png',
 		description: '甜美可爱的女性数字人形象，适合直播带货',
 		type: '真人形象',
 		status: 1,
@@ -121,7 +121,7 @@ const mockData: AvatarItem[] = [
 	{
 		id: 3,
 		name: '卡通男孩形象',
-		avatar: 'https://picsum.photos/300/400?random=3',
+		avatar: 'https://img.icons8.com/3d-fluency/512/boy.png',
 		description: '活泼可爱的卡通男孩形象，适合儿童教育',
 		type: '卡通形象',
 		status: 1,
@@ -130,7 +130,7 @@ const mockData: AvatarItem[] = [
 	{
 		id: 4,
 		name: '知性女性形象',
-		avatar: 'https://picsum.photos/300/400?random=4',
+		avatar: 'https://img.icons8.com/3d-fluency/512/teacher.png',
 		description: '知性优雅的女性数字人形象，适合知识讲解',
 		type: '真人形象',
 		status: 0,
@@ -139,7 +139,7 @@ const mockData: AvatarItem[] = [
 	{
 		id: 5,
 		name: '科技机器人形象',
-		avatar: 'https://picsum.photos/300/400?random=5',
+		avatar: 'https://img.icons8.com/3d-fluency/512/robot-2.png',
 		description: '未来科技风格的机器人形象，适合科技产品',
 		type: '3D形象',
 		status: 1,
@@ -147,10 +147,10 @@ const mockData: AvatarItem[] = [
 	},
 	{
 		id: 6,
-		name: '古风女性形象',
-		avatar: 'https://picsum.photos/300/400?random=6',
-		description: '古典优雅的古风女性形象，适合文化传播',
-		type: '真人形象',
+		name: '客服助手形象',
+		avatar: 'https://img.icons8.com/3d-fluency/512/customer-support.png',
+		description: '专业友好的客服助手形象，适合在线客服场景',
+		type: '3D形象',
 		status: 1,
 		createdAt: '2024-01-10 08:30:00',
 	},
@@ -250,13 +250,23 @@ onMounted(() => {
 		.avatar-image {
 			position: relative;
 			width: 100%;
-			height: 200px;
+			height: 220px;
 			overflow: hidden;
+			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+			display: flex;
+			align-items: center;
+			justify-content: center;
 
 			img {
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
+				width: 160px;
+				height: 160px;
+				object-fit: contain;
+				filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
+				transition: transform 0.3s ease;
+			}
+
+			&:hover img {
+				transform: scale(1.1);
 			}
 
 			.avatar-overlay {