mirror of https://github.com/ElemeFE/element
InfiniteScroll: Update naming & doc (#16698)
parent
c3765b46d3
commit
569c507e0a
|
@ -41,6 +41,6 @@
|
||||||
@import "./upload.scss";
|
@import "./upload.scss";
|
||||||
@import "./divider.scss";
|
@import "./divider.scss";
|
||||||
@import "./image.scss";
|
@import "./image.scss";
|
||||||
@import "./infiniteScroll.scss";
|
@import "./infinite-scroll.scss";
|
||||||
@import "./avatar.scss";
|
@import "./avatar.scss";
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,6 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.infinite-list-item {
|
.infinite-list-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -21,7 +20,6 @@
|
||||||
|
|
||||||
.infinite-list-wrapper {
|
.infinite-list-wrapper {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
overflow: auto;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.list{
|
.list{
|
|
@ -7,7 +7,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<ul class="infinite-list" v-infinite-scroll="load">
|
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
|
||||||
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
|
@ -34,7 +34,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<div class="infinite-list-wrapper">
|
<div class="infinite-list-wrapper" style="overflow:auto">
|
||||||
<ul
|
<ul
|
||||||
class="list"
|
class="list"
|
||||||
v-infinite-scroll="load"
|
v-infinite-scroll="load"
|
||||||
|
|
|
@ -8,7 +8,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<ul class="infinite-list" v-infinite-scroll="load">
|
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
|
||||||
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
|
@ -35,7 +35,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<div class="infinite-list-wrapper">
|
<div class="infinite-list-wrapper" style="overflow:auto">
|
||||||
<ul
|
<ul
|
||||||
class="list"
|
class="list"
|
||||||
v-infinite-scroll="load"
|
v-infinite-scroll="load"
|
||||||
|
|
|
@ -7,7 +7,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<ul class="infinite-list" v-infinite-scroll="load">
|
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
|
||||||
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
|
@ -34,7 +34,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<div class="infinite-list-wrapper">
|
<div class="infinite-list-wrapper" style="overflow:auto">
|
||||||
<ul
|
<ul
|
||||||
class="list"
|
class="list"
|
||||||
v-infinite-scroll="load"
|
v-infinite-scroll="load"
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<ul class="infinite-list" v-infinite-scroll="load">
|
<ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
|
||||||
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
<li v-for="i in count" class="infinite-list-item">{{ i }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
:::demo
|
:::demo
|
||||||
```html
|
```html
|
||||||
<template>
|
<template>
|
||||||
<div class="infinite-list-wrapper">
|
<div class="infinite-list-wrapper" style="overflow:auto">
|
||||||
<ul
|
<ul
|
||||||
class="list"
|
class="list"
|
||||||
v-infinite-scroll="load"
|
v-infinite-scroll="load"
|
||||||
|
|
|
@ -75,7 +75,7 @@ import { ElIcon } from './icon'
|
||||||
import { ElCalendar } from './calendar'
|
import { ElCalendar } from './calendar'
|
||||||
import { ElImage } from './image'
|
import { ElImage } from './image'
|
||||||
import { ElBacktop } from './backtop'
|
import { ElBacktop } from './backtop'
|
||||||
import { ElInfiniteScroll } from './infiniteScroll'
|
import { ElInfiniteScroll } from './infinite-scroll'
|
||||||
import { ElPageHeader } from './page-header'
|
import { ElPageHeader } from './page-header'
|
||||||
import { ElAvatar } from './avatar'
|
import { ElAvatar } from './avatar'
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue