@hecom/badge

1.0.3 • Public • Published

Badge

npm version Build Status

这是一个角标的UI组件,有四种可能:

  • 没有数字,只有一个圆圈,有外层隔离间隔。
  • 没有数字,只有一个圆圈,无外层隔离间隔。
  • 有数字,有外层隔离间隔。
  • 有数字,无外层隔离间隔。

外层隔离间隔,是在数字视图外面再多上一层间隔,比如红色中心圆圈外面有一圈白色间隔。

属性

  • count: number:展示的数字。
  • maxCount: number:计数的最大值,如"99"。如果比最大值大,则显示"99+"。
  • radius: number:数字两侧的圆角的半径大小。
  • bgColor: string:数字的背景色。
  • outSpace: number:外层与内层直接的间隔。
  • outBgColor: string:外层的背景色。
  • innerVerticalSpace: number:数字与内层圆圈的上下边距,用于计算字号。
  • style: any:自定义外部样式。

Dependencies (0)

    Dev Dependencies (3)

    Package Sidebar

    Install

    npm i @hecom/badge

    Weekly Downloads

    0

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    5.5 kB

    Total Files

    4

    Last publish

    Collaborators

    • tianxuejun
    • summer88123
    • vampire_163