yl-view
Version:
一个基于uniapp的ui框架
105 lines (103 loc) • 1.84 kB
JavaScript
export default {
props: {
// 滑块的移动过渡时间，单位ms
duration: {
type: Number,
default: 300
},
// tabs标签数组
list: {
type: Array,
default: () => []
},
// tabs背景色
bgColor: {
type: String,
default: "#FFFFFF"
},
// 主题类型（默认primary, 可选：error, info, warning, success）
themeType: {
type: String,
default: 'primary'
},
// 是否显示滑块
showLine: {
type: Boolean,
default: true
},
// 滑块颜色
lineColor: {
type: String,
default: ''
},
// 菜单选择中时的样式(使用插槽时不可用)
activeStyle: {
type: [String, Object],
default: () => ({}),
},
// 菜单非选中时的样式(使用插槽时不可用)
inactiveStyle: {
type: [String, Object],
default: () => ({}),
},
// 滑块长度
lineWidth: {
type: [String, Number],
default: '100%'
},
// 滑块高度
lineHeight: {
type: [String, Number],
default: 4
},
// 菜单item的样式
itemStyle: {
type: [String, Object],
default: () => ({}),
},
// 菜单是否可滚动
scrollable: {
type: Boolean,
default: true
},
// 圆角
round: {
type: Boolean,
default: false
},
// 当前选中标签的索引
current: {
type: [Number, String],
default: 0
},
// 默认读取的键名
keyName: {
type: String,
default: 'label'
},
// tabs组件宽度
width: {
type: String,
default: '100%'
},
// 是否吸顶
sticky: {
type: Boolean,
default: false
},
// 是否是圆弧滑块
lineRadius: {
type: Boolean,
default: false
},
// tabs之间的分割
divide: {
type: Boolean,
default: false
},
num:{
type:Number,
default:0
}
},
}