1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- import { defineProps } from '../../libs/util/props';
- import theme from '../../libs/config/theme.js'
- export default defineProps('subsection', {
- // tab的数据
- list: {
- type: Array,
- default: () => []
- },
- // 当前活动的tab的index
- current: {
- type: [String, Number],
- default: 0
- },
- // 激活的颜色
- activeColor: {
- type: String,
- default: theme.primary
- },
- // 未激活的颜色
- inactiveColor: {
- type: String,
- default: theme.contentColor
- },
- // 模式选择,mode=button为按钮形式,mode=subsection时为分段模式
- mode: {
- type: String,
- default: 'button'
- },
- // 字体大小
- fontSize: {
- type: [String, Number],
- default: 12
- },
- // 激活tab的字体是否加粗
- bold: {
- type: Boolean,
- default: true
- },
- // mode = button时,组件背景颜色
- bgColor: {
- type: String,
- default: theme.bgColor
- },
- // 从list元素对象中读取的键名
- keyName: {
- type: String,
- default: 'name'
- },
- shape: {
- type: String,
- default: 'square'
- },
- height: {
- type: [String, Number],
- default: 30
- },
- barColor: {
- type: String,
- default: ''
- },
- disabled: {
- type: Boolean,
- default: false
- },
- disabledBgColor: {
- type: String,
- default: '#e5e5e5'
- },
- disabledColor: {
- type: String,
- default: theme.disabledColor
- }
- })
|