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 徽章内容

results matching ""

    No results matching ""