From 305c8327bb4ad6d862856fe6cd5de4abb2560591 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Fri, 24 Oct 2025 15:43:51 +0800
Subject: [PATCH] =?UTF-8?q?deepMate=E7=9A=84logo=E5=8A=A0=E5=85=A5?=
 =?UTF-8?q?=E6=B3=A2=E7=BA=B9=E5=8A=A8=E6=95=88=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DeepMate.vue | 64 ++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/components/DeepMate.vue b/components/DeepMate.vue
index e8cb349..0d85b1f 100644
--- a/components/DeepMate.vue
+++ b/components/DeepMate.vue
@@ -8,7 +8,12 @@
 						<text class="deepmate-subtitle">您的市场最佳顾问~</text>
 					</view>
 					<view class="title-right">
-						<image class="deepmate-icon" src="https://d31zlh4on95l9h.cloudfront.net/images/7faa683450cc071bcc746fea8191ff6b.png" mode="aspectFit"></image>
+						<view class="icon-container">
+							<view class="ripple-effect ripple-1"></view>
+							<view class="ripple-effect ripple-2"></view>
+							<view class="ripple-effect ripple-3"></view>
+							<image class="deepmate-icon" src="https://d31zlh4on95l9h.cloudfront.net/images/7faa683450cc071bcc746fea8191ff6b.png" mode="aspectFit"></image>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -195,4 +200,61 @@
 	width: 20px;
 	height: 20px;
 }
+
+.icon-container {
+	position: relative;
+	width: 50px;
+	height: 50px;
+	border-radius: 50%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: #f0f8ff;
+}
+
+.deepmate-icon {
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	z-index: 5;
+}
+
+.ripple-effect {
+	position: absolute;
+	border-radius: 50%;
+	background: radial-gradient(circle, rgba(255, 0, 0, 0.4) 0%, rgba(255, 0, 0, 0.1) 70%);
+	animation-name: ripple;
+	animation-duration: 3s;
+	animation-timing-function: ease-out;
+	animation-iteration-count: infinite;
+}
+
+.ripple-1 {
+	width: 100%;
+	height: 100%;
+	animation-delay: 0s;
+}
+
+.ripple-2 {
+	width: 100%;
+	height: 100%;
+	animation-delay: 1s;
+}
+
+.ripple-3 {
+	width: 100%;
+	height: 100%;
+	animation-delay: 2s;
+}
+
+@keyframes ripple {
+	0% {
+		transform: scale(0.8);
+		opacity: 1;
+	}
+	100% {
+		transform: scale(1.5);
+		opacity: 0;
+	}
+}
 </style>
\ No newline at end of file