UI 组件类型 · 复合组件 / Plan Card
Plan Card
呈现一个定价方案、适用对象、价格、限制和行动的比较组件。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 内容与数据展示
What · 是什么
- 定义
- 呈现一个定价方案、适用对象、价格、限制和行动的比较组件。
Why · 为什么
- 作用
- 承载定价比较、方案推荐和行动选择。
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 是否支持横向比较；价格周期明确；方案差异不只靠颜色；小屏阅读顺序合理。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Checkout / Order SummaryCheckout / Order Summary反向 · 应用于
总结商品、价格、地址、支付和风险信息，支持用户完成交易。
- Donation / FundraisingDonation / Fundraising反向 · 应用于
说明目标、进展和资金用途，并提供低摩擦的捐赠或支持入口。
- Pricing ComparisonPricing Comparison反向 · 应用于
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Product / Plan CardsProduct / Plan Cards反向 · 应用于
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Feature ListFeature List反向 · 属于
列出套餐包含能力的列表
- Plan ActionPlan Action反向 · 属于
选择或开始使用套餐的操作
- Plan NamePlan Name反向 · 属于
说明套餐名称的标题
- PricePrice反向 · 属于
呈现价格、周期和计费信息的区域
- Recommended BadgeRecommended Badge反向 · 属于
标记推荐或常用套餐的标识