跳到主要内容
版本:v8

刷新内容组件

刷新内容组件包含在下拉刷新(pull-to-refresh)过程中显示的文本、图标和旋转加载器。Ionic 会根据当前平台显示相应的下拉图标和刷新加载器。不过,您可以根据刷新器的状态自定义默认的图标、加载器和文本。

有关使用示例,请参阅 Refresher(刷新器) 文档。

属性

pullingIcon

DescriptionA static icon or a spinner to display when you begin to pull down. A spinner name can be provided to gradually show tick marks when pulling down on iOS devices.
Attributepulling-icon
Typenull | string | undefined
Defaultundefined

pullingText

DescriptionThe text you want to display when you begin to pull down. pullingText can accept either plaintext or HTML as a string. To display characters normally reserved for HTML, they must be escaped. For example <Ionic> would become &lt;Ionic&gt;

For more information: Security Documentation

Content is parsed as plaintext by default. innerHTMLTemplatesEnabled must be set to true in the Ionic config before custom HTML can be used.
Attributepulling-text
TypeIonicSafeString | string | undefined
Defaultundefined

refreshingSpinner

DescriptionAn animated SVG spinner that shows when refreshing begins
Attributerefreshing-spinner
Type"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined
Defaultundefined

refreshingText

DescriptionThe text you want to display when performing a refresh. refreshingText can accept either plaintext or HTML as a string. To display characters normally reserved for HTML, they must be escaped. For example <Ionic> would become &lt;Ionic&gt;

For more information: Security Documentation

Content is parsed as plaintext by default. innerHTMLTemplatesEnabled must be set to true in the Ionic config before custom HTML can be used.
Attributerefreshing-text
TypeIonicSafeString | string | undefined
Defaultundefined

事件

No events available for this component.

方法

No public methods available for this component.

CSS 阴影部件

No CSS shadow parts available for this component.

CSS 自定义属性

No CSS custom properties available for this component.

插槽

No slots available for this component.