123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- 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
- }
- }
- })
|