mirror of
https://github.com/element-plus/element-plus.git
synced 2025-12-19 09:09:40 +08:00
34 lines
657 B
Vue
34 lines
657 B
Vue
<template>
|
|
<el-switch v-model="reverse" active-text="reverse" />
|
|
|
|
<el-timeline class="mt-2" style="max-width: 600px" :reverse="reverse">
|
|
<el-timeline-item
|
|
v-for="(activity, index) in activities"
|
|
:key="index"
|
|
:timestamp="activity.timestamp"
|
|
>
|
|
{{ activity.content }}
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const reverse = ref(true)
|
|
const activities = [
|
|
{
|
|
content: 'Event start',
|
|
timestamp: '2018-04-15',
|
|
},
|
|
{
|
|
content: 'Approved',
|
|
timestamp: '2018-04-13',
|
|
},
|
|
{
|
|
content: 'Success',
|
|
timestamp: '2018-04-11',
|
|
},
|
|
]
|
|
</script>
|