feat: 探索发等UI调整

2025-08-04 22:49:11 +08:00
parent 800052a900
commit 8325ec80ad
3 changed files with 161 additions and 52 deletions
--- a/pages/module/banner/ActivityListComponent.vue
+++ b/pages/module/banner/ActivityListComponent.vue
@@ -10,6 +10,7 @@
 			<swiper-item v-for="item in activityList" :key="item.id">
 				<view class="swiper-item">
 					<image :src="item.activityCover" mode="aspectFill"></image>
+					<view class="corner-btn">快速预定</view>
 				</view>
 			</swiper-item>		
 		</swiper>
@@ -45,15 +46,32 @@
 			border-radius: 8px;
 		}
 		.swiper-item {
-			display: block;
-			height: 120px;
-			line-height: 120px;
-			text-align: center;
+		  position: relative; 
+		  display: block;
+		  height: 120px;
+		  line-height: 120px;
+		  text-align: center;
+		
+		  image {
+		    width: 100%;
+		    height: 100%;
+		    border-radius: 8px;
+		    display: block;
+		  }
+		
+		  .corner-btn {
+		    position: absolute;
+		    right: 12px;
+		    bottom: 12px;
+		    background-color: #ffeb00;
+		    color: #333;
+		    font-size: 14px;
+		    font-weight: 500;
+		    padding: 4px 12px;
+		    border-radius: 20px; 
+		    line-height: 1.5;
+		  }
 		}
-		.swiper-item image {
-			width: 100%;
-			height: 100%;
-			border-radius: 8px;
-		}		
+		
 	}
 </style>