UI 组件
Ionic 应用由称为组件的高级构建块构成,它们允许你快速构建应用的 UI。Ionic 内置了许多组件,包括卡片、列表和标签页。熟悉基础知识后,请参考 API 索引获取每个组件和子组件的完整列表。
操作面板显示一组选项,允许用户确认或取消某个操作。
Alert 是让用户选择特定操作或操作列表的好方法。
Badge 是一种小型组件,通常用于向用户传达数值信息。
Button 让你的用户能够执行操作。它们是与应用交互和导航的重要方式。
Card 是展示重要内容的好方法,可以包含图片、按钮、文本等。
Checkbox 可用于让用户知道他们需要做出二元选择。
Chip 是一种显示数据或操作的紧凑方式。
Content 是与应用交互和导航的基本方式。
日期时间选择器用于提供界面,让用户可以轻松选择日期和时间。
浮动操作按钮是执行屏幕主要操作的圆形按钮。
设计精美的图标,适用于 Web、iOS、Android 和桌面应用。
Grid 是一个强大的移动优先系统,用于构建自定义布局。
Infinite Scroll 允许你在用户滚动应用时加载新数据。
Input 为用户提供在应用中输入数据的方式。
Item 是一种多功能 UI 容器,可用作列表的一部分。
List 可以显示信息行,如联系人列表、播放列表或菜单。
Navigation 是用户在应用不同页面之间移动的方式。
Menu 是一种常见的导航模式。它们可以永久显示在屏幕上,或在需要时打开。
Modal 从屏幕滑入滑出以显示临时 UI,通常用于登录或注册页面。
Popover 提供了一种无需切换上下文即可呈现信息或选项的简便方式。
进度指示器可视化显示操作或活动的进展情况。
Radio 输入允许你呈现一组互斥的选项。
Refresher 在内容组件上提供下拉刷新功能。
Searchbar 用于搜索或筛选项目,通常位于工具栏中。
Reorder 允许用户通过拖放来重新排序列表项。
Routing 允许基于当前路径进行导航。
Segment 提供一组互斥的按钮,可用作筛选器或视图切换器。
Select 类似于原生 HTML select,但在排序和选择方面有一些改进。
Tabs 支持标签页导航,这是现代应用中的标准导航模式。
Toast 用于在应用内容上方显示通知。它可以临时显示或可关闭。
Toggle 是用于二元选项的输入组件,常用于选项和开关。
Toolbar 用于存放与你的应用相关的信息和操作。