58 lines
1.7 KiB
JavaScript
58 lines
1.7 KiB
JavaScript
|
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
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|