From f38a5dc7ebb4f2a9734c7722761d006aab142f48 Mon Sep 17 00:00:00 2001
From: Linzm <1015157648@qq.com>
Date: Mon, 9 Jun 2025 15:33:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8A=A0=E7=AB=8B=E4=BD=93?=
 =?UTF-8?q?=E6=84=9F=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/badge/orderDetail.vue | 14 +++++++++++++-
 src/views/badge/preview.vue     | 11 +++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/views/badge/orderDetail.vue b/src/views/badge/orderDetail.vue
index 2d36abc..a92f0ef 100644
--- a/src/views/badge/orderDetail.vue
+++ b/src/views/badge/orderDetail.vue
@@ -6,6 +6,7 @@
     <div class="order-status">
       <div class="avatar-wrapper">
         <img class="avatar-img" :src="order.path" :alt="order.kind_name" />
+        <div class="progress-image-item-shadow"></div>
       </div>
     </div>
     <div class="status-info">
@@ -129,12 +130,23 @@ function getStatus(status: number) {
     width: 85vw;
     height: 85vw;
     border-radius: 50%;
-    box-shadow: 2px 2px 4px  #00000042,inset -2px -2px 4px  #00000048,inset 2px 2px 4px  #ffffffb4;
     margin-bottom: 24px;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
+  }
+  
+  .progress-image-item-shadow {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    box-shadow: inset 2px 2px 4px  rgba(255, 255, 255, 0.5),inset -2px -2px 4px  rgba(0, 0, 0, 0.2);
+    border-radius: 50%;
   }
   .avatar-img {
     width: 100%;
diff --git a/src/views/badge/preview.vue b/src/views/badge/preview.vue
index 10b1b6c..defb3af 100644
--- a/src/views/badge/preview.vue
+++ b/src/views/badge/preview.vue
@@ -31,6 +31,7 @@
       <van-swipe v-model="currentIndex" class="progress-section-img" :autoplay="3000" :show-indicators="false">
         <van-swipe-item v-for="item in imageList" :key="item.id">
           <img class="progress-section-img" :src="item.origin_url" alt="">
+          <div class="progress-image-item-shadow"></div>
         </van-swipe-item>
       </van-swipe>
     </div>
@@ -838,4 +839,14 @@ onUnmounted(() => {
   font-size: 16px;
   text-align: center;
 } 
+.progress-image-item-shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  box-shadow: inset 2px 2px 4px  rgba(255, 255, 255, 0.5),inset -2px -2px 4px  rgba(0, 0, 0, 0.2);
+  border-radius: 50%;
+}
 </style>
\ No newline at end of file