mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
docs(timeline): remove the description about the reverse (#610)
This commit is contained in:
BeADre
@@ -4,20 +4,12 @@ Visually display timeline.
|
||||
|
||||
### Basic usage
|
||||
|
||||
Timeline can be split into multiple activities in ascending or descending. Timestamps are important features that distinguish them from other components. Note the difference with Steps.
|
||||
Timeline can be split into multiple activities. Timestamps are important features that distinguish them from other components. Note the difference with Steps.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
<div class="block">
|
||||
<div class="radio">
|
||||
Order:
|
||||
<el-radio-group v-model="reverse">
|
||||
<el-radio :label="true">descending</el-radio>
|
||||
<el-radio :label="false">ascending</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
@@ -31,7 +23,6 @@ Timeline can be split into multiple activities in ascending or descending. Times
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [{
|
||||
content: 'Event start',
|
||||
timestamp: '2018-04-15'
|
||||
@@ -130,11 +121,6 @@ Timestamp can be placed on top of content when content is too high.
|
||||
```
|
||||
:::
|
||||
|
||||
### Timeline Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | whether the node is ascending or descending, default is ascending | boolean | — | false |
|
||||
|
||||
### Timeline-item Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
|
||||
@@ -4,20 +4,12 @@ Línea de tiempo visual.
|
||||
|
||||
### Uso básico
|
||||
|
||||
El Timeline puede ser dividido en múltiples actividades en forma ascendente o descendente. Las marcas de tiempo son características importantes que los distinguen de otros componentes. Observe la diferencia con Steps.
|
||||
El Timeline puede ser dividido en múltiples actividades. Las marcas de tiempo son características importantes que los distinguen de otros componentes. Observe la diferencia con Steps.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
<div class="block">
|
||||
<div class="radio">
|
||||
Order:
|
||||
<el-radio-group v-model="reverse">
|
||||
<el-radio :label="true">descending</el-radio>
|
||||
<el-radio :label="false">ascending</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
@@ -31,7 +23,6 @@ El Timeline puede ser dividido en múltiples actividades en forma ascendente o d
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [{
|
||||
content: 'Success',
|
||||
timestamp: '2018-04-11'
|
||||
@@ -130,11 +121,6 @@ Las marcas de tiempo ( timestamp ) puede colocarse encima del contenido cuando
|
||||
```
|
||||
:::
|
||||
|
||||
### Timeline Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | Si el node es ascendente o descendente. Por defecto es ascendente | boolean | — | false |
|
||||
|
||||
### Timeline-item Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
|
||||
@@ -4,20 +4,12 @@ Affiche une suite d'évènements dans un ordre chronologique.
|
||||
|
||||
### Usage
|
||||
|
||||
La timeline peut être divisée en plusieurs activités en ordre ascendant ou descendant. Les timestamps sont des caractéristiques importantes qui les distinguent des autres composants. Notez la différence avec Steps.
|
||||
La timeline peut être divisée en plusieurs activités. Les timestamps sont des caractéristiques importantes qui les distinguent des autres composants. Notez la différence avec Steps.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
<div class="block">
|
||||
<div class="radio">
|
||||
Order:
|
||||
<el-radio-group v-model="reverse">
|
||||
<el-radio :label="true">Descendant</el-radio>
|
||||
<el-radio :label="false">Ascendant</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
@@ -31,7 +23,6 @@ La timeline peut être divisée en plusieurs activités en ordre ascendant ou de
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [{
|
||||
content: 'Début de l\'évènement',
|
||||
timestamp: '2018-04-15'
|
||||
@@ -130,12 +121,6 @@ Le timestamp peut être placé au-dessus du contenu lorsque celui-ci est trop ha
|
||||
```
|
||||
:::
|
||||
|
||||
### Attributs de Timeline
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | Si l'ordre chronologique est ascendant ou descendant, le défaut étant ascendant. | boolean | — | false |
|
||||
|
||||
### Attribut de Timeline-item
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|
||||
@@ -9,15 +9,7 @@
|
||||
:::demo
|
||||
```html
|
||||
<div class="block">
|
||||
<div class="radio">
|
||||
Order:
|
||||
<el-radio-group v-model="reverse">
|
||||
<el-radio :label="true">descending</el-radio>
|
||||
<el-radio :label="false">ascending</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
@@ -31,7 +23,6 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [{
|
||||
content: 'Event start',
|
||||
timestamp: '2018-04-15'
|
||||
@@ -130,11 +121,6 @@
|
||||
```
|
||||
:::
|
||||
|
||||
### タイムライン属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | ノードが昇順か降順かを指定、デフォルトは昇順です。 | boolean | — | false |
|
||||
|
||||
### タイムライン-アイテム属性
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
|
||||
@@ -4,20 +4,12 @@
|
||||
|
||||
### 基础用法
|
||||
|
||||
Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity，时间戳是其区分于其他控件的重要特征，使⽤时注意与 Steps 步骤条等区分。
|
||||
Timeline 可拆分成多个按照时间戳排列的 activity，时间戳是其区分于其他控件的重要特征，使⽤时注意与 Steps 步骤条等区分。
|
||||
|
||||
:::demo
|
||||
```html
|
||||
<div class="block">
|
||||
<div class="radio">
|
||||
排序：
|
||||
<el-radio-group v-model="reverse">
|
||||
<el-radio :label="true">倒序</el-radio>
|
||||
<el-radio :label="false">正序</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
@@ -31,7 +23,6 @@ Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity，
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [{
|
||||
content: '活动按期开始',
|
||||
timestamp: '2018-04-15'
|
||||
@@ -130,11 +121,6 @@ Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity，
|
||||
```
|
||||
:::
|
||||
|
||||
### Timeline Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | 指定节点排序方向，默认为正序 | boolean | — | false |
|
||||
|
||||
### Timeline-item Attributes
|
||||
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
|
||||
Reference in New Issue
Block a user