66666

views/Integral.less

@@ -730,7 +730,7 @@
 		width: 384rpx;
 		height: 86rpx;
 		background: rgba(255, 255, 255, 0);
-		border: 1px solid #e6a23c;
+		border: 2px solid #e6a23c;
 		border-radius: 60rpx;
 		display: flex;
 		align-items: center;
@@ -748,6 +748,51 @@
 		&:active {
 			transform: scale(0.95);
 		}
+
+		// itemIndex = 0
+		&.item-0 {
+			border-color: #503404;
+
+			.task_button_text.item-0 {
+				color: #503404;
+			}
+		}
+
+		// itemIndex = 1
+		&.item-1 {
+			border-color: #284A6C;
+
+			.task_button_text.item-1 {
+				color: #284A6C;
+			}
+		}
+
+		// itemIndex = 2
+		&.item-2 {
+			border-color: #322D6F;
+
+			.task_button_text.item-2 {
+				color: #322D6F;
+			}
+		}
+
+		// itemIndex = 3
+		&.item-3 {
+			border-color: #513403;
+
+			.task_button_text.item-3 {
+				color: #513403;
+			}
+		}
+
+		// itemIndex = 4
+		&.item-4 {
+			border-color: #F7D1A0;
+
+			.task_button_text.item-4 {
+				color: #F7D1A0;
+			}
+		}
 	}
 }
 

views/Integral.vue

@@ -267,8 +267,8 @@
 				<text class="signin_button_text">立即签到</text>
 			</view>
 			<!-- 已签到状态 -->
-			<view v-else class="task_button" @click="handleTaskButtonClick">
-				<text class="task_button_text">赚更多积分</text>
+			<view v-else class="task_button" :class="`item-${itemIndex}`" @click="handleTaskButtonClick">
+				<text class="task_button_text" :class="`item-${itemIndex}`">赚更多积分</text>
 			</view>
 		</view>
 		<!-- 积分限时购 -->