徽标

示例

Message
基础用法

给子元素展示红点

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
Messagenew
19
99+
展示文字

通过text属性,展示文案。如果textNumber类型,还可以指定max来规定最大展示数字,超过该数字,后面添加加号+

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
Message
禁用状态

不管是哪种展示类型,只要添加disabled属性,就不展示徽标

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
new
19
99+
独立使用

不给组件指定子元素,可以展示单独的徽标

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)

属性

属性 说明 类型 默认值
text 要展示的文案,不指定该属性,则展示红点 String | Number undefined
max 如果text属性Number类型,可以通过该属性指定最大数字 Number undefined
disabled 禁用徽标展示 Boolean false