跳到主要内容
版本:v7

UI 组件

Ionic 应用由称为组件的高级构建块组成,这些组件可帮助您快速构建应用的用户界面。Ionic 内置了多种组件,包括卡片、列表和标签页。熟悉基础知识后,请参阅 API 索引 查看每个组件和子组件的完整列表。

Accordion

手风琴组件可以在内容中提供可折叠的部分,以减少垂直空间占用,同时提供组织和分组信息的方式。

Action Sheet

操作表组件显示一组选项,用户可以确认或取消某个操作。

Alert

警告框组件非常适合让用户选择特定操作或操作列表。

Badge

徽章组件是一个小型组件,通常用于向用户传达数值信息。

Breadcrumbs

面包屑导航组件用于指示用户在应用中的当前位置。

Button

按钮组件让用户可以执行操作。它们是用户与应用交互和导航的主要方式。

Card

卡片组件是展示重要内容的绝佳方式,可以包含图像、按钮、文本等。

Checkbox

复选框组件可用于让用户知道他们需要做出二元选择。

Chip

标签组件是一种紧凑的显示数据或操作的方式。

Content

内容组件是与应用交互和导航的核心方式。

Date & Time Pickers

日期和时间选择器组件提供了一个界面,使用户可以轻松选择日期和时间。

Floating Action Button

浮动操作按钮组件是圆形按钮,用于在屏幕上执行主要操作。

Grid

网格组件是一个强大的移动优先系统,用于构建自定义布局。

Icons

精心设计的图标组件,适用于 Web、iOS 和 Android 应用。

Infinite Scroll

无限滚动组件允许在用户滚动应用时加载新数据。

Inputs

输入组件为用户提供在应用中输入数据的途径。

Item

条目组件是可以包含文本、图标、头像、图像、输入框以及任何其他原生或自定义元素的组件。条目可以被滑动、删除、重新排序、编辑等。

List

列表组件可以显示多行信息,例如联系人列表、播放列表或菜单。

Media

媒体组件集合,包括头像、图标、图像和缩略图,旨在增强视觉内容的呈现。

Menu

菜单组件是一种常见的导航模式。它们可以永久显示在屏幕上,也可以在需要时显示。

Modal

模态框组件在屏幕上滑入滑出以显示临时用户界面,通常用于登录或注册页面。

Navigation

导航组件是用户在应用的不同页面之间移动的方式。

Popover

弹出框组件提供了一种无需改变上下文即可展示信息或选项的简便方式。

Progress Indicators

进度指示器组件可视化操作或活动的进度。

Radio

单选框组件允许您呈现一组互斥的选项。

Range

范围滑块组件允许用户通过沿轨道拖动旋钮来选择值。

Refresher

下拉刷新组件在内容组件上提供了下拉刷新功能。

Reorder

重新排序组件允许用户通过拖放来重新排序项目列表。

Routing

路由组件允许基于当前路径进行导航。

Searchbar

搜索栏组件用于搜索或筛选项目,通常放置在工具栏中。

Segment

分段组件提供了一组互斥的按钮,可用作筛选器或视图切换器。

Select

选择组件类似于原生 HTML 选择元素,但在排序和选择方面有一些改进。

Tabs

标签页组件启用标签导航,这是现代应用中的标准导航模式。

Toast

轻提示组件是微妙的通知,出现在应用内容上方而不中断用户交互。

Toggle

开关组件是用于二元选项的输入控件,常用于选项和开关。

Toolbar

工具栏组件用于放置与应用相关的信息和操作。

Typography

文本组件用于在应用程序中设置文本样式或更改文本颜色。