123456789101112131415161718192021222324252627282930313233 |
- <script>
- export default {
- name: 'ElTimeline',
- props: {
- reverse: {
- type: Boolean,
- default: false
- }
- },
- provide() {
- return {
- timeline: this
- };
- },
- render() {
- const reverse = this.reverse;
- const classes = {
- 'el-timeline': true,
- 'is-reverse': reverse
- };
- let slots = this.$slots.default || [];
- if (reverse) {
- slots = slots.reverse();
- }
- return (<ul class={ classes }>
- { slots }
- </ul>);
- }
- };
- </script>
|