Merge branch 'jifenquanyi_gaiban_20250813' of...

Merge branch 'jifenquanyi_gaiban_20250813' of http://gitlab2.dui88.com/fh/20250528_FHQ1 into jifenquanyi_gaiban_20250813

components/pointRightsCom/README.md

+# BabyClass 组件
+
+## 概述
+
+BabyClass 是一个 Vue 3 组件，用于显示不同等级的权益信息。该组件遵循 Vue 3 Composition API 规范，使用 `<script setup>` 语法糖。
+
+## 特性
+
+- 🎨 支持5个等级：Diamond、Starshine、Starlight、Gold、Platinum
+- 🖼️ 使用 `image` 标签显示图片，支持 `mode="aspectFit"`
+- 📱 响应式设计，使用 rpx 单位适配不同屏幕
+- 🎯 图片资源统一管理，便于维护
+- 🔧 遵循项目开发规范
+
+## 文件结构
+
+```
+components/pointRightsCom/
+├── babyClass.vue          # 主组件文件
+├── babyClassImages.js     # 图片资源常量文件
+└── README.md             # 说明文档
+```
+
+## 使用方法
+
+### 1. 导入组件
+
+```vue
+<template>
+  <BabyClass />
+</template>
+
+<script setup>
+import BabyClass from '@/components/pointRightsCom/babyClass.vue'
+</script>
+```
+
+### 2. 全局注册（可选）
+
+在 `main.js` 中全局注册：
+
+```javascript
+import BabyClass from '@/components/pointRightsCom/babyClass.vue'
+
+// Vue 2
+Vue.component('BabyClass', BabyClass)
+
+// Vue 3
+app.component('BabyClass', BabyClass)
+```
+
+## 图片资源
+
+所有图片资源都通过 `babyClassImages.js` 文件统一管理，使用 `$baseUrl` 全局变量构建完整路径。
+
+### 支持的图片类型
+
+- **背景图片**: 各等级的背景图片
+- **标题图片**: 各等级的标题图片
+- **权益图片**: 各等级的权益说明图片（4张）
+- **按钮图片**: 各等级的操作按钮
+- **描述图片**: 各等级的详细描述
+
+## 样式说明
+
+- 使用 Less 预处理器
+- 支持 scoped 样式隔离
+- 导入项目公共样式 `res.less`
+- 使用 rpx 单位确保跨平台兼容性
+
+## 技术栈
+
+- Vue 3 Composition API
+- `<script setup>` 语法糖
+- uni-app 框架
+- Less 样式预处理器
+
+## 注意事项
+
+1. 确保 `$baseUrl` 全局变量已正确配置
+2. 图片资源路径需要与后端资源保持一致
+3. 组件使用绝对定位布局，父容器需要设置相对定位
+4. 支持 `modal_center` 类名用于居中显示
+
+## 更新日志
+
+### v1.0.0
+- 初始版本
+- 支持5个等级权益展示
+- 图片资源统一管理
+- Vue 3 Composition API 实现

components/pointRightsCom/babyClassImages.js

+const version = 'v1'
+
+// babyClass 组件图片资源常量
+export const BABY_CLASS_IMAGES = {
+  // Diamond 等级相关图片
+  DIAMOND: {
+    BG: `pointRights/babyClass/${version}/DiamondBg.png`,
+    TITLE: `pointRights/babyClass/${version}/DiamondTitle.png`,
+    IPS1: `pointRights/babyClass/${version}/DiamondIps1.png`,
+    IPS2: `pointRights/babyClass/${version}/DiamondIps2.png`,
+    IPS3: `pointRights/babyClass/${version}/DiamondIps3.png`,
+    IPS4: `pointRights/babyClass/${version}/DiamondIps4.png`,
+    BTN: `pointRights/babyClass/${version}/DiamondBtn.png`,
+    DESC: `pointRights/babyClass/${version}/DiamondDesc.png`
+  },
+
+  // Starshine 等级相关图片
+  STARSHINE: {
+    BG: `pointRights/babyClass/${version}/StarshineBg.png`,
+    TITLE: `pointRights/babyClass/${version}/StarshineTitle.png`,
+    IPS1: `pointRights/babyClass/${version}/StarshineIps1.png`,
+    IPS2: `pointRights/babyClass/${version}/StarshineIps2.png`,
+    IPS3: `pointRights/babyClass/${version}/StarshineIps3.png`,
+    IPS4: `pointRights/babyClass/${version}/StarshineIps4.png`,
+    BTN: `pointRights/babyClass/${version}/StarshineBtn.png`,
+    DESC: `pointRights/babyClass/${version}/StarshineDesc.png`
+  },
+
+  // Starlight 等级相关图片
+  STARLIGHT: {
+    BG: `pointRights/babyClass/${version}/StarlightBg.png`,
+    TITLE: `pointRights/babyClass/${version}/StarlightTitle.png`,
+    IPS1: `pointRights/babyClass/${version}/StarlightIps1.png`,
+    IPS2: `pointRights/babyClass/${version}/StarlightIps2.png`,
+    IPS3: `pointRights/babyClass/${version}/StarlightIps3.png`,
+    IPS4: `pointRights/babyClass/${version}/StarlightIps4.png`,
+    BTN: `pointRights/babyClass/${version}/StarlightBtn.png`,
+    DESC: `pointRights/babyClass/${version}/StarlightDesc.png`
+  },
+
+  // Gold 等级相关图片
+  GOLD: {
+    BG: `pointRights/babyClass/${version}/GoldIpsBg.png`,
+    TITLE: `pointRights/babyClass/${version}/GoldIpsTitle.png`,
+    IPS1: `pointRights/babyClass/${version}/GoldIps1.png`,
+    IPS2: `pointRights/babyClass/${version}/GoldIps2.png`,
+    IPS3: `pointRights/babyClass/${version}/GoldIps3.png`,
+    IPS4: `pointRights/babyClass/${version}/GoldIps4.png`,
+    BTN: `pointRights/babyClass/${version}/GoldBtn.png`,
+    DESC: `pointRights/babyClass/${version}/GoldDesc.png`
+  },
+
+  // Platinum 等级相关图片
+  PLATINUM: {
+    BG: `pointRights/babyClass/${version}/PlatinumBg.png`,
+    TITLE: `pointRights/babyClass/${version}/PlatinumTitle.png`,
+    IPS1: `pointRights/babyClass/${version}/PlatinumIps1.png`,
+    IPS2: `pointRights/babyClass/${version}/PlatinumIps2.png`,
+    IPS3: `pointRights/babyClass/${version}/PlatinumIps3.png`,
+    IPS4: `pointRights/babyClass/${version}/PlatinumIps4.png`,
+    BTN: `pointRights/babyClass/${version}/PlatinumBtn.png`,
+    DESC: `pointRights/babyClass/${version}/PlatinumDesc.png`
+  }
+}

components/pointRightsCom/yearGiftImages.js

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

pages.json

@@ -162,6 +162,13 @@
 			"style": {
 				"navigationBarTitleText": "生长测评"
 			}
+		},
+		{
+			"path" : "pages/testPage/testPage",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
 		}
 	],
 	"globalStyle": {

pages/testPage/testPage.vue

+<template>
+	<view>
+		<BabyClass />
+	</view>
+</template>
+
+<script setup>
+import BabyClass from '../../components/pointRightsCom/babyClass.vue';
+</script>
+
+<style></style>