图片加立体感阴影

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>