搜索文档 /

ion-infinite-scroll-content

ion-infinite-scroll-content 组件使用的默认子组件 ion-infinite-scroll .它显示一个无限滚动旋转器,根据平台的不同,它的外观最佳,并根据无限滚动的状态改变外观。属性可以更改默认的微调器并添加文本 loadingSpinner loadingText 属性。

反应

ion-infinite-scroll-content 组件在React中不受支持。

使用


                  <
                 离子含量
                 >
               
                  <
                 ion-infinite-scroll
                 >
               
                  <
                 ion-infinite-scroll-content
                
                 loadingSpinner
                  
                  
                 泡沫
                  
                
                 loadingText
                  
                  
                 加载数据…
                  
                 >
               
                  
                 ion-infinite-scroll-content
                 >
               
                  
                 ion-infinite-scroll
                 >
               
                  
                 离子含量
                 >
复制 复制

                  <
                 离子含量
                 >
               
                  <
                 ion-infinite-scroll
                 >
               
                  <
                 ion-infinite-scroll-content
                
                 loading-spinner
                  
                  
                 泡沫
                  
                
                 装载文本
                  
                  
                 加载数据…
                  
                 >
               
                  
                 ion-infinite-scroll-content
                 >
               
                  
                 ion-infinite-scroll
                 >
               
                  
                 离子含量
                 >
复制 复制

                进口
               
                
               组件
                
               h
                
               
                
               
                “@stencil /核心”
                
               
                组件
                
                
               标签
                
               
                “infinite-scroll-content-example”
                
               styleUrl
                
               
                “infinite-scroll-content-example.css”
               
                
                
               
                出口
               
                
               
                InfiniteScrollContentExample
               
                
               
                渲染
                
                
               
                
               
                返回
               
                
               
                  <
                 离子含量
                 >
                
                  <
                 ion-infinite-scroll
                 >
                
                  <
                 ion-infinite-scroll-content
                
                 loadingSpinner
                  
                  
                 泡沫
                  
                
                 loadingText
                  
                  
                 加载数据…
                  
                 >
                
                  
                 ion-infinite-scroll-content
                 >
                
                  
                 ion-infinite-scroll
                 >
                
                  
                 离子含量
                 >
               
                
                
               
                
               
                
复制 复制

                  <
                 模板
                 >
               
                  <
                 ion-page
                 >
               
                  <
                 离子含量
                 >
               
                  <
                 ion-infinite-scroll
                 >
               
                  <
                 ion-infinite-scroll-content
                
                 loading-spinner
                  
                  
                 泡沫
                  
                
                 装载文本
                  
                  
                 加载数据…
                  
                 >
               
                  
                 ion-infinite-scroll-content
                 >
               
                  
                 ion-infinite-scroll
                 >
               
                  
                 离子含量
                 >
               
                  
                 ion-page
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                
                 
                  
                  
                 ts
                  
                 >
               import {IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonPage} from '@iobetway东盟体育appnic/vue';import {defineComponent} from ` vue `;导出默认defineComponent({component: {IonContent, IonInfiniteScroll, IonInfiniteScrollContent, IonPage}});
复制 复制

属性

loadingSpinner

描述

加载时显示的动画SVG旋转器。

属性 loading-spinner
类型 "bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined

loadingText

描述

可选文本显示,而加载。loadingText可以接受明文或HTML作为字符串。要显示通常为HTML保留的字符,必须对它们进行转义。例如离betway东盟体育app子> <将成为& ltbetway东盟体育app; Ionic>

更多信息:安全文档

属性 装载文本
类型 betway东盟体育appIonicSafeString | string | undefined
Baidu