mirror of https://github.com/ElemeFE/element
39 lines
568 B
Vue
39 lines
568 B
Vue
<template>
|
|
<ul class="el-timeline"
|
|
:class="{
|
|
'is-reverse': reverse
|
|
}">
|
|
<slot></slot>
|
|
</ul>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'ElTimeline',
|
|
|
|
props: {
|
|
reverse: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
|
|
provide() {
|
|
return {
|
|
timeline: this
|
|
};
|
|
},
|
|
|
|
watch: {
|
|
reverse: {
|
|
handler(newVal) {
|
|
if (newVal) {
|
|
this.$slots.default = [...this.$slots.default].reverse();
|
|
}
|
|
},
|
|
immediate: true
|
|
}
|
|
}
|
|
};
|
|
</script>
|