1.0.3 • Published 5 years ago
uni-time-line v1.0.3
uni-time-line 时间轴组件
使用Vue开发的时间轴组件,同时适用于移动端和PC端
演示效果 the preview
如何使用 How to use
npm install -g uni-time-line -S
//main.js
import TimeLine from 'uni-time-line';
Vue.use(TimeLine);
<time-line space="60px" icon="http://xxx.png" :uni-data="data"></time-line>
属性介绍 Props
uni_data: {//数据列表 data list
type: Array,
default() {
return [
{
title: "this is title",
content: "this is content"
},
{
title: "标题过长会显示省略号",
content: "内容过长会隐藏"
},
{
title: "更多效果可以自定义",
content: "更多效果可以自定义"
}
];
}
},
space: {//两个条目之间的间距 the space between two items
type: String,
default: "100px"
},
uni_icon: {// icon图形的地址 the icon url
type: String,
default: "http://qiniu.iborge.cn/dian.png"
}