uview-ui
Version:
uView UI已完美兼容nvue，全面的组件和便捷的工具会让您信手拈来，如鱼得水
85 lines (84 loc) • 2.42 kB
JavaScript
export default {
props: {
// 标签类型info、primary、success、warning、error
type: {
type: String,
default: uni.$u.props.tag.type
},
// 不可用
disabled: {
type: [Boolean, String],
default: uni.$u.props.tag.disabled
},
// 标签的大小，large，medium，mini
size: {
type: String,
default: uni.$u.props.tag.size
},
// tag的形状，circle（两边半圆形）, square（方形，带圆角）
shape: {
type: String,
default: uni.$u.props.tag.shape
},
// 标签文字
text: {
type: [String, Number],
default: uni.$u.props.tag.text
},
// 背景颜色，默认为空字符串，即不处理
bgColor: {
type: String,
default: uni.$u.props.tag.bgColor
},
// 标签字体颜色，默认为空字符串，即不处理
color: {
type: String,
default: uni.$u.props.tag.color
},
// 标签的边框颜色
borderColor: {
type: String,
default: uni.$u.props.tag.borderColor
},
// 关闭按钮图标的颜色
closeColor: {
type: String,
default: uni.$u.props.tag.closeColor
},
// 点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
name: {
type: [String, Number],
default: uni.$u.props.tag.name
},
// // 模式选择，dark|light|plain
// mode: {
// type: String,
// default: 'light'
// },
// 镂空时是否填充背景色
plainFill: {
type: Boolean,
default: uni.$u.props.tag.plainFill
},
// 是否镂空
plain: {
type: Boolean,
default: uni.$u.props.tag.plain
},
// 是否可关闭
closable: {
type: Boolean,
default: uni.$u.props.tag.closable
},
// 是否显示
show: {
type: Boolean,
default: uni.$u.props.tag.show
},
// 内置图标，或绝对路径的图片
icon: {
type: String,
default: uni.$u.props.tag.icon
}
}
}