docs_vue2/one/docs/components/badge.md
Justineo 32632e796e docs: update docs
Change-Id: I76d0f72679cd75085f5ffd42f641daa198cafe11

docs: update docs for alert/autocomplete/carousel, etc.

Change-Id: Ib7507f4979024f53c127e4b64b88560b93999db7

fix: update for autocomplete filter

Change-Id: Ie54556715fa52838aeb6caaa19b4f9a9f14b490f

docs: add docs for calendar/transfer/cascader

Change-Id: I655b3cb3d25dd0649de9ae7e224e7063a40dd079

fix: add more demos for input/textarea

Change-Id: Iada527ca82643a435a4775110b332155512d62a7

docs: add docs for uploader,select,table, etc.

Change-Id: Ib034fd5cc9d9a420d4e002956ae925175783c5f3

docs: adjust formatting and punc.

docs: adjust docs for uploader, etc.

Change-Id: If06c8c1102eafce43f5802a333676fc9e62cd474

docs: add docs for nav

Change-Id: If56a653ec53f19239606128fd30cae80f8e10025

docs: improve anchor demos

Change-Id: I6ac1c08cc8905924d0062def1f8921fe1f302f15

docs: refine wording and format

docs: update docs for check-button-group desc

Change-Id: Ica7d6d0692250f0be6bd330b1ad4cc41938afd46
2021-10-25 20:10:29 +08:00

1.5 KiB

Badge 徽标

示例

文字徽标

徽标内容可以是纯文本。

数字徽标

徽标内容也可以是数字,超过最大值时可以显示为最大值+

右上角圆点徽标

不提供徽标内容时,徽标将以圆点样式显示在右上角。

圆点徽标

不提供插槽内容时,徽标将以圆点样式显示。

API

属性

名称 类型 默认值 描述
type string= 'error' [^type]
value `string number` -
max number= badge.max 徽标数值的最大值,当 value 超过此值时,徽标内容会显示为 {max}+。当 valuestring 时会被忽略。
hidden boolean= false 是否处于隐藏状态。

^^^type 徽标状态类型。自带样式的可选值如下。使用其它值时需要自行定义 .veui-badge-{type} 的样式。

+++枚举值

描述
info 信息提示样式。
success 成功样式。
warning 警告样式。
error 错误样式。
aux 辅助样式。
+++
^^^

插槽

名称 描述
default 需要显示徽标的目标内容。