feat: 轮播组件优化

components/ImageSwiper/styles/index.scss

@@ -4,13 +4,35 @@
 }
 
 .swiper-box {
-  height: 167px;
+  border-radius: 8px;
+  height: 200px;
+  overflow: hidden;
+}
+
+.swiper-item image {
+  width: 100%;
+  height: 100%;
+}
+
+.custom-indicator {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 10;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 50px;
+  padding: 3px 8px;
+  font-size: 8px;
+  color: #fff;
 }
 
 .thumbnail-box {
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  bottom: 36px;
   display: flex;
-  justify-content: space-around;
-  margin-top: 10px;
+  gap: 5px;
 }
 
 .thumbnail-item {
@@ -18,12 +40,14 @@
 }
 
 .thumbnail-item image {
-  width: 100px;
-  height: 100px;
-  border-radius: 8px;
+  width: 48px;
+  height: 38px;
+  border-radius: 4px;
+  border: 1px solid #fff;
 }
 
 .thumbnail-item text {
+  color: #fff;
+  font-size: 8px;
   display: block;
-  margin-top: 5px;
-}
+}