yl-view
Version:
一个基于uniapp的ui框架
123 lines • 2.2 kB
JavaScript
/*
* @Descripttion:
* @Author: dxyqn
* @Date: 2022-03-21 15:51:05
* @Last Modified by: dxyqn
* @LastEditTime: 2022-03-21 15:59:25
*/
export default {
props: {
// 步骤条数据
options: {
type: Array,
default: _ => []
},
// 当前已激活步骤
activeIndex: {
type: Number,
default: 1
},
// 横竖向
mode: {
type: String,
default: 'row'
},
// icon、circle模式
type: {
type: String,
default: 'icon'
},
// 主题
theme: {
type: String,
default: 'primary'
},
// icon模式圈宽度
iconBoxWidth: {
type: Number,
default: 42
},
// circle模式圈宽度
circleBoxWidth: {
type: Number,
default: 22
},
// circle模式圈宽度
multiple: {
type: Number,
default: 3
},
// line宽度
lineWidth: {
type: Number,
default: 2
},
circlePosition: {
type: String,
default: 'top'
},
// 是否显示数字
isShowNumber: {
type: Boolean,
defualt: false
},
showNumberBg: {
type: String,
default: '#F9FBFA'
},
// 连接线是否为虚线
isLineDashed: {
type: Boolean,
default: false
},
// 从第几步开始 虚线
dashedIndex: {
type: Number,
default: 1
},
// 未激活circle背景色与线条颜色
defaultBg: {
type: String,
default: uni.$yl.ylBorder
},
// circlePosition为top时 线条和圆圈的间距
lineAndCircleSpace: {
type: String,
default: '10rpx 0'
},
isSpace: {
type: Boolean,
default: false
},
// row 横向circle 下方文字第一个width
rowLeftWidth: {
type: Number,
default: 0
},
// row 横向circle 下方文字最后个width
rowRightWidth: {
type: Number,
default: 0
},
// 内圈激活背景色
insideBg: {
type: String,
default: '#fff'
},
// 内圈未激活背景色
insideDefaultBg: {
type: String,
default: '#fff'
},
// 外圈激活背景色
outsideBg: {
type: String,
default: ''
},
// 激活线段相对index下标向左的偏移量
activeLineOffset: {
type: Number,
default: 1
}
},
}