pointRights

components/pointRightsCom/yearGiftImages.js

+const version = 'v1'
+
 // yearGift 组件图片资源常量
 export const YEAR_GIFT_IMAGES = {
   // Diamond 等级相关图片
   DIAMOND: {
-    BG3: 'YearGift/diamondBg3.png',
-    BG2: 'YearGift/diamondBg2.png',
-    BG1: 'YearGift/diamondBg1.png',
+    BG3: `pointRights/YearGift/${version}/diamondBg3.png`,
+    BG2: `pointRights/YearGift/${version}/diamondBg2.png`,
+    BG1: `pointRights/YearGift/${version}/diamondBg1.png`,
     ONE: {
-      BG: 'YearGift/diamondOneBg.png',
-      AWARD: 'YearGift/diamondOneAward.png',
-      ADD: 'YearGift/diamondOneAdd.png',
-      DESC: 'YearGift/diamondOneDesc.png'
+      BG: `pointRights/YearGift/${version}/diamondOneBg.png`,
+      AWARD: `pointRights/YearGift/${version}/diamondOneAward.png`,
+      ADD: `pointRights/YearGift/${version}/diamondOneAdd.png`,
+      DESC: `pointRights/YearGift/${version}/diamondOneDesc.png`
     },
     THREE: {
-      BG: 'YearGift/diamondThreeBg.png',
-      AWARD: 'YearGift/diamondThreeAward.png',
-      BTN: 'YearGift/diamondThreeBtn.png'
+      BG: `pointRights/YearGift/${version}/diamondThreeBg.png`,
+      AWARD: `pointRights/YearGift/${version}/diamondThreeAward.png`,
+      BTN: `pointRights/YearGift/${version}/diamondThreeBtn.png`
     }
   },
 
   // Starshine 等级相关图片
   STARSHINE: {
-    BG3: 'YearGift/starshineBg3.png',
-    BG2: 'YearGift/starshineBg2.png',
-    BG1: 'YearGift/starshineBg1.png',
+    BG3: `pointRights/YearGift/${version}/starshineBg3.png`,
+    BG2: `pointRights/YearGift/${version}/starshineBg2.png`,
+    BG1: `pointRights/YearGift/${version}/starshineBg1.png`,
     ONE: {
-      BG: 'YearGift/starshineOneBg.png',
-      AWARD: 'YearGift/starshineOneAward.png',
-      ADD: 'YearGift/starshineOneAdd.png',
-      DESC: 'YearGift/starshineOneDesc.png'
+      BG: `pointRights/YearGift/${version}/starshineOneBg.png`,
+      AWARD: `pointRights/YearGift/${version}/starshineOneAward.png`,
+      ADD: `pointRights/YearGift/${version}/starshineOneAdd.png`,
+      DESC: `pointRights/YearGift/${version}/starshineOneDesc.png`
     },
     THREE: {
-      BG: 'YearGift/starshineThreeBg.png',
-      AWARD: 'YearGift/starshineThreeAward.png',
-      BTN: 'YearGift/starshineThreeBtn.png'
+      BG: `pointRights/YearGift/${version}/starshineThreeBg.png`,
+      AWARD: `pointRights/YearGift/${version}/starshineThreeAward.png`,
+      BTN: `pointRights/YearGift/${version}/starshineThreeBtn.png`
     }
   },
 
   // Starlight 等级相关图片
   STARLIGHT: {
-    BG3: 'YearGift/starlightBg3.png',
-    BG2: 'YearGift/starlightBg2.png',
-    BG1: 'YearGift/starlightBg1.png',
+    BG3: `pointRights/YearGift/${version}/starlightBg3.png`,
+    BG2: `pointRights/YearGift/${version}/starlightBg2.png`,
+    BG1: `pointRights/YearGift/${version}/starlightBg1.png`,
     ONE: {
-      BG: 'YearGift/starlightOneBg.png',
-      AWARD: 'YearGift/starlightOneAward.png',
-      ADD: 'YearGift/starlightOneAdd.png',
-      DESC: 'YearGift/starlightOneDesc.png'
+      BG: `pointRights/YearGift/${version}/starlightOneBg.png`,
+      AWARD: `pointRights/YearGift/${version}/starlightOneAward.png`,
+      ADD: `pointRights/YearGift/${version}/starlightOneAdd.png`,
+      DESC: `pointRights/YearGift/${version}/starlightOneDesc.png`
     },
     THREE: {
-      BG: 'YearGift/starlightThreeBg.png',
-      AWARD: 'YearGift/starlightThreeAward.png',
-      BTN: 'YearGift/starlightThreeBtn.png'
+      BG: `pointRights/YearGift/${version}/starlightThreeBg.png`,
+      AWARD: `pointRights/YearGift/${version}/starlightThreeAward.png`,
+      BTN: `pointRights/YearGift/${version}/starlightThreeBtn.png`
     }
   },
 
   // Gold 等级相关图片
   GOLD: {
-    BG3: 'YearGift/goldBg3.png',
-    BG2: 'YearGift/goldBg2.png',
-    BG1: 'YearGift/goldBg1.png',
+    BG3: `pointRights/YearGift/${version}/goldBg3.png`,
+    BG2: `pointRights/YearGift/${version}/goldBg2.png`,
+    BG1: `pointRights/YearGift/${version}/goldBg1.png`,
     ONE: {
-      BG: 'YearGift/goldOneBg.png',
-      AWARD: 'YearGift/goldOneAward.png',
-      ADD: 'YearGift/goldOneAdd.png',
-      DESC: 'YearGift/goldOneDesc.png'
+      BG: `pointRights/YearGift/${version}/goldOneBg.png`,
+      AWARD: `pointRights/YearGift/${version}/goldOneAward.png`,
+      ADD: `pointRights/YearGift/${version}/goldOneAdd.png`,
+      DESC: `pointRights/YearGift/${version}/goldOneDesc.png`
     },
     THREE: {
-      BG: 'YearGift/goldThreeBg.png',
-      AWARD: 'YearGift/goldThreeAward.png',
-      BTN: 'YearGift/goldThreeBtn.png'
+      BG: `pointRights/YearGift/${version}/goldThreeBg.png`,
+      AWARD: `pointRights/YearGift/${version}/goldThreeAward.png`,
+      BTN: `pointRights/YearGift/${version}/goldThreeBtn.png`
     },
-    LOCK_TIP: 'YearGift/goldLockTip.png'
+    LOCKTIP: `pointRights/YearGift/${version}/goldLockTip.png`
   },
 
   // Platinum 等级相关图片
   PLATINUM: {
-    BG3: 'YearGift/platinumBg3.png',
-    BG2: 'YearGift/platinumBg2.png',
-    BG1: 'YearGift/platinumBg1.png',
+    BG3: `pointRights/YearGift/${version}/platinumBg3.png`,
+    BG2: `pointRights/YearGift/${version}/platinumBg2.png`,
+    BG1: `pointRights/YearGift/${version}/platinumBg1.png`,
+    LOCKTIP: `pointRights/YearGift/${version}/platinumLockTip.png`,
     ONE: {
-      BG: 'YearGift/platinumOneBg.png',
-      AWARD: 'YearGift/platinumOneAward.png',
-      ADD: 'YearGift/platinumOneAdd.png',
-      DESC: 'YearGift/platinumOneDesc.png'
+      BG: `pointRights/YearGift/${version}/platinumOneBg.png`,
+      AWARD: `pointRights/YearGift/${version}/platinumOneAward.png`,
+      ADD: `pointRights/YearGift/${version}/platinumOneAdd.png`,
+      DESC: `pointRights/YearGift/${version}/platinumOneDesc.png`
     },
     THREE: {
-      BG: 'YearGift/platinumThreeBg.png',
-      AWARD: 'YearGift/platinumThreeAward.png',
-      BTN: 'YearGift/platinumThreeBtn.png'
-    },
-    LOCK_TIP: 'YearGift/platinumLockTip.png'
+      BG: `pointRights/YearGift/${version}/platinumThreeBg.png`,
+      AWARD: `pointRights/YearGift/${version}/platinumThreeAward.png`,
+      BTN: `pointRights/YearGift/${version}/platinumThreeBtn.png`
+    }
   }
 }

pages/testPage/testPage.vue

 <template>
-	<view>
-		<BabyClass />
-		<!-- <xinrenliPopup /> -->
+	<view class="test-page">
+		<view class="page-title">测试页面 - MonthGift 组件</view>
+		<view class="component-container">
+			<MonthGift />
+		</view>
+		<view class="page-info">
+			<p class="info-title">组件信息</p>
+			<p>当前展示：月礼包权益组件 (MonthGift)</p>
+			<p>包含五个等级：Diamond、Starshine、Starlight、Gold、Platinum</p>
+			<p>每个等级包含：好券区域、购买区域、时间状态等</p>
+			<p class="note">注意：由于图片资源未配置，部分图片可能无法显示</p>
+		</view>
 	</view>
-
 </template>
 
 <script setup>
 import BabyClass from '../../components/pointRightsCom/babyClass.vue';
+import YearGift from '../../components/pointRightsCom/yearGift.vue';
+import MonthGift from '../../components/pointRightsCom/monthGift.vue';
 // import xinrenliPopup from '../../components/quanyi/xinrenliPopup.vue'
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.test-page {
+	width: 100%;
+	min-height: 100vh;
+	background-color: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 20rpx;
+	box-sizing: border-box;
+	
+	.page-title {
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+		margin-bottom: 30rpx;
+		text-align: center;
+	}
+	
+	.component-container {
+		width: 750rpx;
+		height: 1624rpx;
+		position: relative;
+		margin-bottom: 30rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		overflow: hidden;
+		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+	}
+	
+	.page-info {
+		width: 100%;
+		max-width: 700rpx;
+		background-color: #fff;
+		padding: 30rpx;
+		border-radius: 20rpx;
+		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+		
+		.info-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #333;
+			text-align: center;
+			margin-bottom: 20rpx;
+		}
+		
+		p {
+			font-size: 28rpx;
+			color: #666;
+			line-height: 1.6;
+			margin: 10rpx 0;
+			text-align: center;
+		}
+		
+		.note {
+			color: #ff6b6b;
+			font-weight: 500;
+			margin-top: 20rpx;
+			padding: 20rpx;
+			background-color: #fff5f5;
+			border-radius: 10rpx;
+			border-left: 4rpx solid #ff6b6b;
+		}
+	}
+}
+</style>