diff --git a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/api.ts b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/api.ts index d067b1a3..261f38dc 100644 --- a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/api.ts +++ b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/api.ts @@ -14,6 +14,7 @@ export interface PowerPackage { isHot: number; // 是否热门 isVip: number; // 是否VIP features: string[]; // 功能特性 + description: string[]; // 描述关键词 status: number; createTime: string; updateTime: string; diff --git a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.module.scss b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.module.scss index 5e1ee083..15e67ff8 100644 --- a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.module.scss +++ b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.module.scss @@ -132,6 +132,24 @@ color: #52c41a; } +.packageDescription { + display: flex; + flex-wrap: wrap; + gap: 6px; + margin-top: 12px; + margin-bottom: 8px; +} + +.descriptionTag { + display: inline-block; + padding: 4px 10px; + font-size: 12px; + color: #1890ff; + background: #e6f7ff; + border-radius: 4px; + border: 1px solid #91d5ff; +} + .packageFeatures { display: flex; flex-direction: column; diff --git a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.tsx b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.tsx index 33d307b3..3114be4c 100644 --- a/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.tsx +++ b/Cunkebao/src/pages/mobile/mine/recharge/buy-power/index.tsx @@ -204,6 +204,17 @@ const BuyPowerPage: React.FC = () => { )} + {/* 描述信息 */} + {pkg.description && pkg.description.length > 0 && ( +