Skip to main content

ion-infinite-scroll-content

ion-infinite-scroll-content 组件是 ion-infinite-scroll 使用的默认子组件。它显示一个无限滚动加载动画,根据平台显示效果最佳,并根据无限滚动的状态改变外观。默认的加载动画可以通过设置 loadingSpinnerloadingText 属性来更改,并且可以添加文本。

🌐 The ion-infinite-scroll-content component is the default child used by the ion-infinite-scroll. It displays an infinite scroll spinner that looks best based on the platform and changes the look depending on the infinite scroll's state. The default spinner can be changed and text can be added by setting the loadingSpinner and loadingText properties.

有关更多信息及使用方法,请参阅无限滚动文档

🌐 For more information as well as usage, see the Infinite Scroll Documentation.

属性

🌐 Properties

loadingSpinner

DescriptionAn animated SVG spinner that shows while loading.
Attributeloading-spinner
Type"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined
Defaultundefined

loadingText

DescriptionOptional text to display while loading. loadingText 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

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

事件

🌐 Events

No events available for this component.

方法

🌐 Methods

No public methods available for this component.

CSS 阴影部分

🌐 CSS Shadow Parts

No CSS shadow parts available for this component.

CSS 自定义属性

🌐 CSS Custom Properties

No CSS custom properties available for this component.

插槽

🌐 Slots

No slots available for this component.