Vuepress-timeline-c NPM

vuepress-timeline-c

安装

npm i vuepress-timeline-c -D

使用

在需要使用时间轴的页面引用(名字可以随便取)

import TimeLineC from 'vuepress-timeline-c'

在components中注册组件

如果自己取名字则用自己取的名字注册即可

components: {
   TimeLineC 
}

运用组件

<!-- 上下文代码 -->
------
<time-line-c :testList="array"/>
<time-line-c :testList="array" :mode="alternate"/>
<time-line-c :testList="array" :mode="right" :theme="dark" />
-----
<!-- 上下文代码 -->

传入参数

data() {
    return {
        array: [
            {
                text:'内容1rfrfrfrfrfrfrfrfrf分WFFFCEDFCEf',
                time:'2020-02-02'
            },
            {
                text:'内容2frrrrrrrr',
                time:'2020-02-02'
            },
            {
                text:'内容3frrrrrrgqerrrrrrrrrrr',
                time:'2020-02-02'
            },
            {
                text:'内容4',
                time:'2020-02-02',
            },
            {
                text:'内容5dfewwwwwwwwwg',
                time:'2020-02-02'
            },
            
        ]
    }
}