返回介绍

Badge 徽章

发布于 2020-05-05 22:51:19 字数 1057 浏览 988 评论 0 收藏 0

import { Badge } from 'feui';
components: {
  [Badge.name]: Badge
}

代码演示

基础用法

<fe-badge text="1"></fe-badge>

与其他组件同用

<fe-group title='表格中使用'>
  <fe-cell title="个位数" is-link>
    <div class="badge-value" slot="value">
      <span class="vertical-middle">未读消息  </span>
      <fe-badge text="8"></fe-badge>
    </div>
  </fe-cell>
  <fe-cell title="较大数据" is-link>
    <div class="badge-value" slot="value">
      <span class="vertical-middle">新信息  </span>
      <fe-badge text="888"></fe-badge>
    </div>
  </fe-cell>
</fe-group>

API

参数 说明 类型 默认值 可选值
text 显示的文字 String - -
- - - - -

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文