徽标 KLBadge

基本形式

徽标 KLBadge - 图1

  1. <kl-badge text="default" type="default" />
    <kl-badge text="primary" type="primary" />
    <kl-badge text="info" type="info" />
    <kl-badge text="success" type="success" />
    <kl-badge text="warning" type="warning" />
    <kl-badge text="error" type="error" />

圆角

徽标 KLBadge - 图2

  1. <kl-badge text="circle" circle={true} />
    <kl-badge text="circle" circle={true} type="primary" />
    <kl-badge text="circle" circle={true} type="info" />
    <kl-badge text="circle" circle={true} type="success" />
    <kl-badge text="circle" circle={true} type="warning" />
    <kl-badge text="circle" circle={true} type="error" />

API

KLBadge

KLBadge

ParamTypeDefaultDescription
[options.data]object= 绑定属性
[options.data.text]string"–"<=> 内容
[options.data.circle]booleanfalse=> 是否圆角
[options.data.type]string"default"=> 文本样式