@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:自定义外部样式。

Readme

Keywords

none

Package Sidebar

Install

npm i @hecom/badge

Weekly Downloads

1

Version

1.0.3

License

MIT

Unpacked Size

5.5 kB

Total Files

4

Last publish

Collaborators

  • tianxuejun
  • summer88123
  • vampire_163