lbm-flow-line v0.1.4

flow-line

介绍

VUE步骤条插件，只需要传入步骤step、步骤文本数组list即可呈现个好看的步骤条

安装

npm i lbm-flow-line

使用

main.js下
import lbmFlowLine from 'lbm-flow-line'
import "lbm-flow-line/lib/lbm-flow-line.css"
Vue.use(lbmFlowLine)

参数配置

list                文本数组-> ["步骤1", "步骤2", "步骤3"] {Array}
step                当前步骤-> 1 {String||Number}
icon                是否使用字体图标-> true|false {[Boolean||String]}
bg                  步骤条底色-> '#fff' {String}
progressbg          进度条底色-> '#fff' {String}
lineColor           进度条填充色-> '#fff' {String}
circleSelectColor   已完成步骤圆圈文字颜色（非icon模式）-> '#fff' {String}
circleSelectBg      已完成步骤圆圈背景颜色（非icon模式）-> '#fff' {String}
circleColor         未执行步骤圆圈文字颜色（非icon模式）-> '#fff' {String}
circleBg            未执行步骤圆圈背景颜色（非icon模式）-> '#fff' {String}
iconSelectColor     已完成步骤icon颜色-> '#fff' {String}
iconColor           未执行步骤icon颜色-> '#fff' {String}
textSelectColor     勾选文本颜色-> '#fff' {String}
progressbg          进度条颜色-> '#fff' {String}