uview-next
Version:
基于uView UI 2.0,110+高质量组件库,支持vue2和vue3,支持鸿蒙,支持多语言,搭配便捷工具助力,让开发更得心应手
57 lines (56 loc) • 1.35 kB
JavaScript
import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';
export default defineProps('tabbarItem', {
// item标签的名称,作为与u-tabbar的value参数匹配的标识符
name: {
type: [String, Number, null],
default: null
},
// uView内置图标或者绝对路径的图片
icon: {
type: String,
default: ''
},
iconSize: {
type: [String, Number],
default: 20
},
iconBgColor: {
type: String,
default: theme.primary
},
iconColor: {
type: String,
default: '#fff'
},
// 右上角的角标提示信息
badge: {
type: [String, Number, null],
default: null
},
// 是否显示圆点,将会覆盖badge参数
dot: {
type: Boolean,
default: false
},
// 描述文本
text: {
type: String,
default: ''
},
// 控制徽标的位置,对象或者字符串形式,可以设置top和right属性
badgeStyle: {
type: [Object, String],
default: 'top: 6px;right:2px;'
},
// 是否为中间凸起按钮
middle: {
type: Boolean,
default: false
},
// 页面跳转的类型,覆盖mixin
linkType: {
type: String,
default: 'redirectTo'
}
})