12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- import {defineMixin} from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // tab的数据
- list: {
- type: Array,
- default: () => defProps.subsection.list
- },
- // 当前活动的tab的index
- current: {
- type: [String, Number],
- default: () => defProps.subsection.current
- },
- // 激活的颜色
- activeColor: {
- type: String,
- default: () => defProps.subsection.activeColor
- },
- // 未激活的颜色
- inactiveColor: {
- type: String,
- default: () => defProps.subsection.inactiveColor
- },
- // 模式选择,mode=button为按钮形式,mode=subsection时为分段模式
- mode: {
- type: String,
- default: () => defProps.subsection.mode
- },
- // 字体大小
- fontSize: {
- type: [String, Number],
- default: () => defProps.subsection.fontSize
- },
- // 激活tab的字体是否加粗
- bold: {
- type: Boolean,
- default: () => defProps.subsection.bold
- },
- // mode = button时,组件背景颜色
- bgColor: {
- type: String,
- default: () => defProps.subsection.bgColor
- },
- // 从list元素对象中读取的键名
- keyName: {
- type: String,
- default: () => defProps.subsection.keyName
- },
- // 从`list`元素对象中读取激活时的颜色 如果存在字段 优先级大于 activeColor
- activeColorKeyName: {
- type: String,
- default: () => defProps.subsection.activeColorKeyName
- },
- // 从`list`元素对象中读取未激活时的颜色 如果存在字段 优先级大于 inactiveColor
- inactiveColorKeyName: {
- type: String,
- default: () => defProps.subsection.inactiveColorKeyName
- },
- // 是否禁用
- disabled: {
- type: String,
- default: () => defProps.subsection.disabled
- }
- }
- })
|