mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
docs(): update docs
This commit is contained in:
@ -28,6 +28,11 @@ export class Content {
|
|||||||
*/
|
*/
|
||||||
@Prop() fullscreen = false;
|
@Prop() fullscreen = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
|
||||||
|
* If the content exceeds the bounds of ionContent, nothing will change.
|
||||||
|
* Note, the does not disable the system bounce on iOS. That is an OS level setting.
|
||||||
|
*/
|
||||||
@Prop() forceOverscroll: boolean;
|
@Prop() forceOverscroll: boolean;
|
||||||
|
|
||||||
@Listen('body:ionNavChanged')
|
@Listen('body:ionNavChanged')
|
||||||
|
|||||||
@ -1,10 +1,21 @@
|
|||||||
# ion-infinite-scroll-content
|
# ion-infinite-scroll-content
|
||||||
|
|
||||||
|
InfiniteScrollContent is a component that adds the content to InfiniteScroll.
|
||||||
|
You can loading icon or loading text with the component's properties.
|
||||||
|
|
||||||
|
```html
|
||||||
|
<ion-content>
|
||||||
|
<ion-infinite-scroll>
|
||||||
|
<ion-infinite-scroll-content
|
||||||
|
loadingSpinner="bubbles"
|
||||||
|
loadingText="Loading more data...">
|
||||||
|
</ion-infinite-scroll-content>
|
||||||
|
</ion-infinite-scroll>
|
||||||
|
</ion-content>
|
||||||
|
```
|
||||||
|
|
||||||
<!-- Auto Generated Below -->
|
<!-- Auto Generated Below -->
|
||||||
|
|
||||||
|
|
||||||
## Properties
|
## Properties
|
||||||
|
|
||||||
#### loadingSpinner
|
#### loadingSpinner
|
||||||
@ -13,14 +24,12 @@ string
|
|||||||
|
|
||||||
An animated SVG spinner that shows while loading.
|
An animated SVG spinner that shows while loading.
|
||||||
|
|
||||||
|
|
||||||
#### loadingText
|
#### loadingText
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Optional text to display while loading.
|
Optional text to display while loading.
|
||||||
|
|
||||||
|
|
||||||
## Attributes
|
## Attributes
|
||||||
|
|
||||||
#### loading-spinner
|
#### loading-spinner
|
||||||
@ -29,15 +38,12 @@ string
|
|||||||
|
|
||||||
An animated SVG spinner that shows while loading.
|
An animated SVG spinner that shows while loading.
|
||||||
|
|
||||||
|
|
||||||
#### loading-text
|
#### loading-text
|
||||||
|
|
||||||
string
|
string
|
||||||
|
|
||||||
Optional text to display while loading.
|
Optional text to display while loading.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
_Built with [StencilJS](https://stenciljs.com/)_
|
||||||
----------------------------------------------
|
|
||||||
|
|
||||||
*Built with [StencilJS](https://stenciljs.com/)*
|
|
||||||
|
|||||||
@ -12,7 +12,7 @@ on the infinite scroll instance.
|
|||||||
<ion-content>
|
<ion-content>
|
||||||
|
|
||||||
<ion-list>
|
<ion-list>
|
||||||
<ion-itemngFor="let i of items">{% raw %}{{i}}{% endraw %}</ion-item>
|
<ion-item ngFor="let i of items">{% raw %}{{i}}{% endraw %}</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
|
||||||
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
|
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
|
||||||
|
|||||||
@ -32,6 +32,13 @@ export class Scroll {
|
|||||||
@Prop({ context: 'isServer' }) isServer: boolean;
|
@Prop({ context: 'isServer' }) isServer: boolean;
|
||||||
|
|
||||||
@Prop() mode: string;
|
@Prop() mode: string;
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
|
||||||
|
* If the content exceeds the bounds of ionScroll, nothing will change.
|
||||||
|
* Note, the does not disable the system bounce on iOS. That is an OS level setting.
|
||||||
|
*/
|
||||||
@Prop({mutable: true}) forceOverscroll: boolean;
|
@Prop({mutable: true}) forceOverscroll: boolean;
|
||||||
|
|
||||||
@Prop() onionScrollStart: ScrollCallback;
|
@Prop() onionScrollStart: ScrollCallback;
|
||||||
|
|||||||
Reference in New Issue
Block a user