6666

components/integralArea/InviteGift.less

@@ -3,9 +3,9 @@
 	margin-bottom: 30rpx;
 
 	.invite_gift_title {
-		font-size: 36rpx;
+		font-size: 30rpx;
 		font-weight: bold;
-		color: #333333;
+		color: #000000;
 		margin-bottom: 20rpx;
 		display: block;
 
@@ -59,11 +59,11 @@
 			.invite_button {
 				width: 172rpx;
 				height: 62rpx;
-				background: linear-gradient(to right, #A07B4D 0%, #C09A60 100%);
+				background: linear-gradient(to right, #916633 0%, #AB7A44 100%);
 				border-radius: 30rpx;
 				display: flex;
 				margin-top: 30rpx;
-				margin-left: 30rpx;
+				margin-left: 0rpx;
 				align-items: center;
 				justify-content: center;
 				box-shadow: 0 2rpx 8rpx rgba(160, 123, 77, 0.3);
@@ -121,13 +121,8 @@
 			}
 
 			.record_arrow {
-				font-size: 20rpx;
-				color: #999999;
-				font-weight: bold;
-
-				&.item-4 {
-					color: #D7D7D7;
-				}
+				width: 11rpx;
+				height: 18rpx;
 			}
 
 			&.item-4 {

components/integralArea/InviteGift.vue

@@ -29,7 +29,7 @@
 			<!-- 邀请记录按钮 -->
 			<view class="record_button" :class="`item-${itemIndex}`" @click="handleRecordClick">
 				<text class="record_text" :class="`item-${itemIndex}`">邀请记录</text>
-				<text class="record_arrow" :class="`item-${itemIndex}`">{{`>`}}</text>
+				<image class="record_arrow" :class="`item-${itemIndex}`" :src="$baseUrl + 'integral/1023/yaoqingjiluIcon.png'" mode="aspectFit" />
 			</view>
 			
 			<!-- 3D星星角色 -->

views/Integral.less

@@ -986,7 +986,7 @@
 			display: flex;
 			// justify-content: space-between;
 			align-items: center;
-			margin-bottom: 30rpx;
+			margin-bottom: 24rpx;
 
 			.card_title {
 				font-size: 32rpx;
@@ -1017,7 +1017,7 @@
 
 			.benefits_container {
 				display: flex;
-				gap: 12rpx;
+				gap: 24rpx;
 				margin-top: 0;
 				
 				// 当商品数量小于等于2时，调整gap并居中
@@ -1123,7 +1123,7 @@
 								bottom: 20rpx;
 								width: 250rpx;
 								height: 62rpx;
-								background: linear-gradient(90deg, #D3A458 0%, #B8941F 100%);
+								background: linear-gradient(90deg, #916633 0%, #AB7A44 100%);
 								border-radius: 30rpx;
 								text-align: center;
 								line-height: 62rpx;
@@ -1190,14 +1190,14 @@
 					}
 					text-overflow: ellipsis;
 					white-space: nowrap;
-					width: 100%;
+					width: 95%;
 				}
 
 				.benefit_points {
 					text-align: left;
 					font-size: 22rpx;
 					color: #333333;
-					width: 100%;
+					width: 95%;
 					margin-bottom: 16rpx;
 					&.item-1 {
 						color: #284A6C;
@@ -1217,9 +1217,9 @@
 				}
 
 				.exchange_button {
-					width: 100%;
+					width: 96%;
 					height: 60rpx;
-					background: #D3A458;
+					background: linear-gradient(90deg, #916633 0%, #AB7A44 100%);
 					border-radius: 30rpx;
 					display: flex;
 					align-items: center;
@@ -1550,7 +1550,7 @@
 					.exchange_button {
 						width: 100%;
 						height: 60rpx;
-						background: #D3A458;
+						background: linear-gradient(90deg, #916633 0%, #AB7A44 100%);
 						border-radius: 30rpx;
 						display: flex;
 						align-items: center;