本文实例为大家分享了Vue实现可移动水平时间轴的具体代码,供大家参考,具体内容如下
里程碑时间轴具体实现
效果图
编辑里程碑效果图
编辑里程碑
里程碑状态: 开始 超期 关闭
{{'阶段名称:'+item.stageName}}
{{'阶段目标:'+item.stageTarget}}
{{'开始时间:'+item.startTime}}
{{'结束时间:'+item.endTime}}
{{'验收标准:'+item.acceptStar}}
里程碑状态:打开
里程碑状态:超期
里程碑状态:关闭
src="../../assets/images/timeLineA.png">
src="../../assets/images/timeLineB.png">
src="../../assets/images/timeLineC.png">
:class="[timeLineList.length==index+1?my_timeline_item_line_last:my_timeline_item_line_not_last]">
{{item.endTime}} {{item.endTime}}
{{item.stageName}} {{item.stageName}} 下
@open="onMileStoUpdateVisibleOpen()" @close="closeMileStone()">
@refreshMileStoneData="searchMileStone()">