66666

components/integralArea/InviteGift.less

@@ -40,6 +40,11 @@
 				font-size: 36rpx;
 				font-weight: bold;
 				color: #1c1c1c;
+				display: block;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				max-width: 470rpx; // 约13个字的宽度
 
 				&.item-4 {
 					color: #FFF0DF;
@@ -50,6 +55,11 @@
 				font-size: 24rpx;
 				color: #999999;
 				margin-top: 10rpx;
+				display: block;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				max-width: 500rpx; // 约20个字的宽度
 
 				&.item-4 {
 					color: #FFF0DF;
@@ -144,10 +154,10 @@
 
 		.star_character {
 			position: absolute;
-			right: 44rpx;
-			bottom: -20rpx;
-			width: 216rpx;
-			height: 211rpx;
+			right: 30rpx;
+			bottom: 30rpx;
+			width: 130rpx;
+			height: 130rpx;
 
 			.star_img {
 				width: 100%;

components/integralArea/InviteGift.vue

@@ -19,10 +19,11 @@
 				</button>
 			</view>
 			<!-- 3D星星角色 -->
+			<!-- :src="$baseUrl + (itemIndex != 4 ? 'integral/1023/invate_star_character1023.png' : 'integral/1023/invate_star_character102302.png')"  -->
 			<view class="star_character">
 				<image 
 					class="star_img" 
-					:src="$baseUrl + (itemIndex != 4 ? 'integral/1023/invate_star_character1023.png' : 'integral/1023/invate_star_character102302.png')" 
+					:src="prizeImageIcon" 
 					mode="aspectFit"
 				/>
 			</view>
@@ -65,6 +66,10 @@ const props = defineProps({
 	subTitle: {
 		type: String,
 		default: ''
+	},
+	prizeImageIcon: {
+		type: String,
+		default: ''
 	}
 });
 

views/Integral.vue

@@ -448,6 +448,7 @@
       class="invite_container"
       :subTitle="integralStore.originInviteHome?.data?.subTitle"
       :itemIndex="itemIndex"
+      :prizeImageIcon="integralStore.originInviteHome?.data?.prizeImage"
       :islogin="islogin"
       @invite="handleInviteClick"
       @record="handleRecordClick"