You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import { defineMixin } from '../../libs/vue'
|
|
|
|
|
import defProps from '../../libs/config/props.js'
|
|
|
|
|
export const props = defineMixin({
|
|
|
|
|
props: {
|
|
|
|
|
// 滑块的移动过渡时间,单位ms
|
|
|
|
|
duration: {
|
|
|
|
|
type: Number,
|
|
|
|
|
default: () => defProps.tabs.duration
|
|
|
|
|
},
|
|
|
|
|
// tabs标签数组
|
|
|
|
|
list: {
|
|
|
|
|
type: Array,
|
|
|
|
|
default: () => defProps.tabs.list
|
|
|
|
|
},
|
|
|
|
|
// 滑块颜色
|
|
|
|
|
lineColor: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: () => defProps.tabs.lineColor
|
|
|
|
|
},
|
|
|
|
|
// 菜单选择中时的样式
|
|
|
|
|
activeStyle: {
|
|
|
|
|
type: [String, Object],
|
|
|
|
|
default: () => defProps.tabs.activeStyle
|
|
|
|
|
},
|
|
|
|
|
// 菜单非选中时的样式
|
|
|
|
|
inactiveStyle: {
|
|
|
|
|
type: [String, Object],
|
|
|
|
|
default: () => defProps.tabs.inactiveStyle
|
|
|
|
|
},
|
|
|
|
|
// 滑块长度
|
|
|
|
|
lineWidth: {
|
|
|
|
|
type: [String, Number],
|
|
|
|
|
default: () => defProps.tabs.lineWidth
|
|
|
|
|
},
|
|
|
|
|
// 滑块高度
|
|
|
|
|
lineHeight: {
|
|
|
|
|
type: [String, Number],
|
|
|
|
|
default: () => defProps.tabs.lineHeight
|
|
|
|
|
},
|
|
|
|
|
// 滑块背景显示大小,当滑块背景设置为图片时使用
|
|
|
|
|
lineBgSize: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: () => defProps.tabs.lineBgSize
|
|
|
|
|
},
|
|
|
|
|
// 菜单item的样式
|
|
|
|
|
itemStyle: {
|
|
|
|
|
type: [String, Object],
|
|
|
|
|
default: () => defProps.tabs.itemStyle
|
|
|
|
|
},
|
|
|
|
|
// 菜单是否可滚动
|
|
|
|
|
scrollable: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: () => defProps.tabs.scrollable
|
|
|
|
|
},
|
|
|
|
|
// 当前选中标签的索引
|
|
|
|
|
current: {
|
|
|
|
|
type: [Number, String],
|
|
|
|
|
default: () => defProps.tabs.current
|
|
|
|
|
},
|
|
|
|
|
// 默认读取的键名
|
|
|
|
|
keyName: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: () => defProps.tabs.keyName
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|