lbm-flow-line
v0.1.4
Published
步骤条插件
Downloads
4
Readme
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}