ui component composite type / Plan Card
Plan Card
呈现一个定价方案、适用对象、价格、限制和行动的比较组件。
Key fields
Identity
- Subtype
- 复合组件
- Parent Taxonomy
- Content & Data Display
What
- Definition
- 呈现一个定价方案、适用对象、价格、限制和行动的比较组件。
Why
- Role
- 承载定价比较、方案推荐和行动选择。
Where
- Applicable Context
- Web Interface Design
How
- Checklist
- 是否支持横向比较；价格周期明确；方案差异不只靠颜色；小屏阅读顺序合理。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Checkout / Order SummaryCheckout / Order SummaryReverse · Related
总结商品、价格、地址、支付和风险信息，支持用户完成交易。
- Donation / FundraisingDonation / FundraisingReverse · Related
说明目标、进展和资金用途，并提供低摩擦的捐赠或支持入口。
- Pricing ComparisonPricing ComparisonReverse · Related
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Product / Plan CardsProduct / Plan CardsReverse · Related
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Content & Data Display内容与数据展示Related
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- Feature ListFeature ListReverse · Related
列出套餐包含能力的列表
- Plan ActionPlan ActionReverse · Related
选择或开始使用套餐的操作
- Plan NamePlan NameReverse · Related
说明套餐名称的标题
- PricePriceReverse · Related
呈现价格、周期和计费信息的区域
- Recommended BadgeRecommended BadgeReverse · Related
标记推荐或常用套餐的标识