Badge
徽章,可指定颜色和尺寸。Demo
引入
import { Badge } from 'vue-pmui';
// 全局使用
Vue.component(Badge.name, Badge);
// 或者
Vue.use(Badge);
例子
改变颜色
<pm-badge>11</pm-badge>
<pm-badge type="primary">12</pm-badge>
<pm-badge type="success">13</pm-badge>
<pm-badge type="warning">14</pm-badge>
<pm-badge type="danger">15</pm-badge>
改变大小
<pm-badge>normal</pm-badge>
<pm-badge size="small">small</pm-badge>
<pm-badge size="large">large</pm-badge>
方形
<pm-badge square>square</pm-badge>
Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 按钮显示样式 | String | default/primary/success/warning/danger | default |
size | 按钮大小 | String | normal/long/small | normal |
round | 是否方形徽章 | Boolean | false |
Slots
Name | 描述 |
---|---|
default | 徽章内容 |