uview-plus/components/u-tabbar/props.js

零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。

import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'

export const props = defineMixin({
    props: {
        // 当前匹配项的name
        value: {
            type: [String, Number, null],
            default: () => defProps.tabbar.value
        },
        // 是否为iPhoneX留出底部安全距离
        safeAreaInsetBottom: {
            type: Boolean,
            default: () => defProps.tabbar.safeAreaInsetBottom
        },
        // 是否显示上方边框
        border: {
            type: Boolean,
            default: () => defProps.tabbar.border
        },
        // 上方边框颜色
        borderColor: {
            type: String,
            default: () => defProps.tabbar.borderColor
        },
        // 元素层级z-index
        zIndex: {
            type: [String, Number],
            default: () => defProps.tabbar.zIndex
        },
        // 选中标签的颜色
        activeColor: {
            type: String,
            default: () => defProps.tabbar.activeColor
        },
        // 未选中标签的颜色
        inactiveColor: {
            type: String,
            default: () => defProps.tabbar.inactiveColor
        },
        // 是否固定在底部
        fixed: {
            type: Boolean,
            default: () => defProps.tabbar.fixed
        },
        // fixed定位固定在底部时，是否生成一个等高元素防止塌陷
        placeholder: {
            type: Boolean,
            default: () => defProps.tabbar.placeholder
        },
        // 背景色
        backgroundColor: {
            type: String,
            default: () => defProps.tabbar.backgroundColor
        },
        // 风格类型
        styleType: {
            type: String,
            default: () => defProps.tabbar.styleType
        },
        // 激活动画类型
        animationType: {
            type: String,
            default: () => defProps.tabbar.animationType
        },
        // 选中项背景色
        activeBackgroundColor: {
            type: String,
            default: () => defProps.tabbar.activeBackgroundColor
        },
        // 未选中项背景色
        inactiveBackgroundColor: {
            type: String,
            default: () => defProps.tabbar.inactiveBackgroundColor
        },
        // item 形状
        itemShape: {
            type: String,
            default: () => defProps.tabbar.itemShape
        },
        // 图标缩放比例
        iconScale: {
            type: [String, Number],
            default: () => defProps.tabbar.iconScale
        },
        // 文本显示模式
        textMode: {
            type: String,
            default: () => defProps.tabbar.textMode
        }
    }
})