uview-next/components/u-subsection/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

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