异业券

api/integral.js

@@ -35,4 +35,7 @@ export const getResourceList = () => api.get('/c/resource/list');
 export const getSigninAndTaskInfoJSON = () => api.get('/c/activity/todo/list');
 
 //签到接口
-export const checkInJSON = (activityId) => api.post('/c/activity/todo/checkIn', {activityId});
\ No newline at end of file
+export const checkInJSON = (activityId) => api.post('/c/activity/todo/checkIn', {activityId});
+
+//完成任务接口
+export const taskCompleteJSON = (activityId) => api.post('/c/activity/todo/complete', { activityId });
\ No newline at end of file

views/Integral.less

@@ -838,4 +838,118 @@
 		height: 180rpx;
 	}
 
+	// 异业券权益区域样式
+	.yiyequan_area {
+		width: 100%;
+		margin-top: 58rpx;
+
+		.yiyequan_title {
+			font-size: 36rpx;
+			font-weight: bold;
+			color: #333333;
+			text-align: left;
+			margin-bottom: 30rpx;
+			padding: 0 30rpx 0 30rpx;
+			display: block;
+		}
+
+		.yiyequan_card {
+			background: rgba(255, 255, 255, 0.5);
+			height: 452rpx;
+			border-radius: 24rpx;
+			padding-left: 30rpx;
+			padding-right: 30rpx;
+			margin-top: 36rpx;
+			box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
+
+			.yiyequan_card_header {
+				padding-top: 24rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				margin-bottom: 30rpx;
+
+				.card_title {
+					font-size: 32rpx;
+					font-weight: bold;
+					color: #333333;
+				}
+
+				.card_count {
+					font-size: 24rpx;
+					color: #666666;
+				}
+			}
+
+			.benefits_list {
+				width: 100%;
+				white-space: nowrap;
+
+				.benefits_container {
+					display: flex;
+					gap: 20rpx;
+				}
+
+				.benefit_item {
+					flex-shrink: 0;
+					width: 200rpx;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					background: #FFFFFF;
+					border-radius: 16rpx;
+					padding: 20rpx;
+					box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+
+					.benefit_image {
+						width: 120rpx;
+						height: 120rpx;
+						background: #F5F5F5;
+						border-radius: 12rpx;
+						margin-bottom: 16rpx;
+						overflow: hidden;
+
+						.benefit_img {
+							width: 100%;
+							height: 100%;
+						}
+					}
+
+					.benefit_name {
+						font-size: 24rpx;
+						color: #333333;
+						text-align: center;
+						margin-bottom: 8rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						width: 100%;
+					}
+
+					.benefit_points {
+						font-size: 22rpx;
+						color: #333333;
+						margin-bottom: 16rpx;
+					}
+
+					.exchange_button {
+						width: 100%;
+						height: 60rpx;
+						background: #D3A458;
+						border-radius: 30rpx;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+
+						.exchange_text {
+							font-size: 24rpx;
+							color: #FFFFFF;
+							font-weight: 500;
+						}
+					}
+				}
+			}
+		}
+	}
+
 }