Tag 标签

标签,常用于展示带有特征变量的数据行。

使用场景

  • 客户类型

  • 商品类型

  • 对象当前状态

示例

{
"状态": {
"bind": "status",
"view": {
"type": "Tag",
"props": {
"options": [
{
"label": "开启",
"value": "enabled",
"color": "#41b883"
},
{
"label": "关闭",
"value": "disabled",
"color": "#f50"
}
]
}
}
}
}

Props

interface IProps extends TagProps {
options: Array<Option>
remote?: Request
pure?: boolean
}
interface Option {
label: string
value: string
color?: string
}
interface Request {
api: string
params?: { [key: string]: Common.DynamicValue }
}

API

属性说明类型默认值必填版本
options可能的选项Array<Option>-
remote使用请求过来的数据Request-
pure是否没有样式boolean-

Value

属性说明类型必填
label文字string
color背景色string

Option

属性说明类型必填
label文字string
value选项值string | number
color背景色string

其他属性见 Antd Tag

Tag 标签

标签,常用于展示带有特征变量的数据行。

使用场景

  • 客户类型

  • 商品类型

  • 对象当前状态

示例

{
"状态": {
"bind": "status",
"view": {
"type": "Tag",
"props": {
"options": [
{
"label": "开启",
"value": "enabled",
"color": "#41b883"
},
{
"label": "关闭",
"value": "disabled",
"color": "#f50"
}
]
}
}
}
}

Props

interface IProps extends TagProps {
options: Array<Option>
remote?: Request
pure?: boolean
}
interface Option {
label: string
value: string
color?: string
}
interface Request {
api: string
params?: { [key: string]: Common.DynamicValue }
}

API

属性说明类型默认值必填版本
options可能的选项Array<Option>-
remote使用请求过来的数据Request-
pure是否没有样式boolean-

Value

属性说明类型必填
label文字string
color背景色string

Option

属性说明类型必填
label文字string
value选项值string | number
color背景色string

其他属性见 Antd Tag