32632e796e
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
1.5 KiB
1.5 KiB
Badge 徽标
示例
文字徽标
徽标内容可以是纯文本。
数字徽标
徽标内容也可以是数字,超过最大值时可以显示为最大值+。
右上角圆点徽标
不提供徽标内容时,徽标将以圆点样式显示在右上角。
圆点徽标
不提供插槽内容时,徽标将以圆点样式显示。
API
属性
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
type |
string= |
'error' |
[^type] |
value |
`string | number` | - |
max |
number= |
badge.max |
徽标数值的最大值,当 value 超过此值时,徽标内容会显示为 {max}+ 。当 value 为 string 时会被忽略。 |
hidden |
boolean= |
false |
是否处于隐藏状态。 |
^^^type
徽标状态类型。自带样式的可选值如下。使用其它值时需要自行定义 .veui-badge-{type}
的样式。
+++枚举值
值 | 描述 |
---|---|
info |
信息提示样式。 |
success |
成功样式。 |
warning |
警告样式。 |
error |
错误样式。 |
aux |
辅助样式。 |
+++ | |
^^^ |
插槽
名称 | 描述 |
---|---|
default |
需要显示徽标的目标内容。 |