How to realize Element Timeline Timeline

This article is about how to implement the Element Timeline timeline. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Component-Timeline

Basic usage

Sort: reverse order {{activity.content}} export default {data () {return {reverse: true, activities: [{content: 'activities start on schedule', timestamp: '2018-04-15'}, {content: 'approved' Timestamp: '2018-04-13'}, {content: 'created successfully', timestamp: '2018-04-11'}]} Define the node style

{{activity.content}} export default {data () {return {activities: [{content: 'supports the use of icons', timestamp: '2018-04-12 20 el-icon-more' 46th, size:' large', type: 'primary', icon:' el-icon-more'} {content: 'support Custom Color', timestamp: '2018-04-03 20 color 46th, color:' # 0bbd87'}, {content: 'support Custom size', timestamp: '2018-04-03 20 color 46th, size:' large'} {content: 'node of default style', timestamp: '2018-04-03 20purl 46'}]} Define a timestamp

Update Github template

Submitted by Wang Xiaohu at 20:46 on 2018-4-12

Update Github template

Submitted by Wang Xiaohu at 20:46 on 2018-4-3

Update Github template

Submitted by Wang Xiaohu at 20:46 on 2018-4-2

Timeline Attributes

Timeline-item Attributes

Timeline-Item Slot

Thank you for reading! This is the end of the article on "how to achieve the Element Timeline timeline". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!