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 @@
@@ -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 @@
+
@@ -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%;
+}
\ No newline at end of file