tiny-vue/examples/sites/demos/mobile-first/app/time-line/many-status.vue

25 lines
676 B
Vue

<template>
<tiny-time-line :data="data" :show-number="false"> </tiny-time-line>
</template>
<script>
import { TimeLine } from '@opentiny/vue'
export default {
components: {
TinyTimeLine: TimeLine
},
data() {
return {
data: [
{ name: '节点标题', time: '2022-11-11 00:01:30', autoColor: 'success' },
{ name: '节点标题', time: '2022-11-12 14:20:15', autoColor: 'success' },
{ name: '节点标题', time: '2022-11-14 20:45:50', autoColor: 'error' },
{ name: '节点标题', time: '2022-11-11 00:01:30' },
{ name: '节点标题', time: '2022-11-14 20:45:50', autoColor: 'info' }
]
}
}
}
</script>