FS-UI v0.1.33

Badge 徽章

使用指南

import { Badge } from 'fs-ui'

export default {
  components: {
    fsBadge: Badge
  }
}
1
2
3
4
5
6
7

代码演示

基本使用

<fs-badge title="星空" info="3"/>
<fs-badge title="浩瀚" info="199"/>
<fs-badge title="曾经的沧海" info="今日(20)"/>
<fs-badge title="守候" dot/>
1
2
3
4

自定义内容

使用title插槽自定义内容

<fs-badge info="123">
  <div slot="title">
    <fs-button>按钮哦</fs-button>
  </div>
</fs-badge>
1
2
3
4
5

参数

参数 说明 类型 默认值
title 内容 String -
dot 是否只显示圆点 Boolen -
info 提示消息 String Number

事件

事件 说明 返回值
click 点击badge时触发 -

插槽

插槽 说明
title 自定义内容

← Tab 标签 →