1

pages/index/index.vue

@@ -130,6 +130,7 @@
 							<view class="like-left">
 								<view class="like-content-title">
 									<view style="width: 100%;font-weight: 700;">爆品拼团</view>
+									<image class="like-hot-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
 									
 									<img src="/static/images/img/yousanjiao.png" alt=""
 										style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;">
@@ -178,6 +179,7 @@
 							<view class="like-left">
 								<view class="like-content-title">
 									<view style="font-weight: 700;">爆品拼团</view>
+									<image class="like-hot-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
 									
 									<img src="/static/images/img/yousanjiao.png" alt=""
 										style="width: 28rpx;height: 28rpx;position: absolute;top: 20rpx;right: 12rpx;">
@@ -1799,20 +1801,12 @@
 		color: #173f36;
 	}
 
-	.like-content-title::before {
+	.like-hot-gif {
-		content: 'HOT';
+		width: 42rpx;
-		height: 28rpx;
+		height: 42rpx;
-		line-height: 28rpx;
-		padding: 0 10rpx;
-		border-radius: 999rpx;
-		background: linear-gradient(135deg, #ff8f70 0%, #ffd46f 100%);
-		color: #fff;
-		font-size: 18rpx;
-		font-weight: 900;
 		position: absolute;
-		top: 20rpx;
+		top: 14rpx;
 		right: 42rpx;
-		box-shadow: 0 6rpx 12rpx rgba(255, 143, 112, 0.22);
 		animation: hotBadgePulse 1.5s ease-in-out infinite;
 	}