卡片视图

灵活的卡片组件,用于展示各种类型的内容,从简单的文本信息到复杂的媒体内容。卡片提供了一种一致且有组织的方式来呈现相关信息。

卡片示例

探索我们的卡片组件集合,每个组件都针对不同的内容展示需求和用户交互场景设计。

基础卡片

简洁的基础卡片设计,包含标题、内容和操作按钮,适用于展示简单信息或通知。

基础卡片

这是一个基础卡片组件,用于展示内容或信息。卡片可以包含标题、描述文本和其他内容。

图片卡片

带有图片的卡片设计,适用于博客文章、产品展示或媒体内容等需要视觉元素的场景。

图片描述
带图片的卡片标题

这是一个带有图片的卡片示例,适用于博客文章、产品展示等需要图片的场景。

阅读更多

个人资料卡

以列表形式展示详细信息的卡片设计,适用于个人资料、产品详情或设置页面等需要结构化展示信息的场景。

用户信息

个人详细资料和应用设置。

全名
张三
职位
软件工程师
电子邮箱
san.zhang@example.com
电话
+86 138 1234 5678
关于
富有经验的全栈开发者,专注于创建优秀的用户体验和高性能的应用程序。

交互式列表卡

可点击的列表卡片设计,适用于项目列表、任务清单或通知中心等需要用户交互的场景。