Badge 徽标数

概述

主要用于通知未读数的角标，提醒用户点击。

使用指南

在 .json 中引入组件

  1. "usingComponents": {
  2.     "i-badge": "../../dist/badge/index"
  3. }

示例

  1. <i-badge dot>
  2.     <view class="demo-badge"></view>
  3. </i-badge>
  5. <i-badge count="3">
  6.     <view class="demo-badge"></view>
  7. </i-badge>
  9. <i-badge count="123" overflow-count="100">
  10.     <view class="demo-badge"></view>
  11. </i-badge>
  13. <i-badge count="66" i-class-alone="demo-badge-alone" />

API

Badge properties

属性说明类型默认值
i-class自定义 class 类名String-
i-class-alone自定义 alone 类名String-
count显示的数字，大于 overflowCount 时，显示 ${overflowCount}+，为 0 时隐藏Number0
overflow-count展示封顶的数字值Number99
dot不展示数字，只有一个小红点，如需隐藏 dot ，需要设置 count 为 0Booleanfalse