编程小分享04--如何实现一个Badge

1. 项目中的实现方式:最多展示两位,超出用加号表示

新的需求:

1. 超过99也可以完全展示

2. 可能显示的不仅仅是数字,比如字符:new、hot等

1. 宽度固定,badge设置为圆形
  
    width: 16px;
    border-radius: 50%;
  
设置最小宽度,圆角用固定尺寸,超过高度的50%即可
  
    min-width: 8px;
    border-radius: 18px;
  
参考:

weui-badge

element-badge 同时实现了两种方式