新版本1.4.2发布了。第一次升级到 1.4.x 版本请注意在1.4.0版本的重大变动,具体请阅读更新日志

开发者文档

  • 默认
  • 上升
  • 持平
  • 下降
  • 公告
  • 默认文本
  • 默认
  • 上升
  • 持平
  • 下降
  • 公告
  1. <ul>
  2. <li><span class="sui-label label-">默认</span></li>
  3. <li><span class="sui-label label-success">上升</span></li>
  4. <li><span class="sui-label label-warning">持平</span></li>
  5. <li><span class="sui-label label-danger">下降</span></li>
  6. <li><span class="sui-label label-info">公告</span></li>
  7. </ul>
  8. <ul>
  9. <li><span>默认文本</span></li>
  10. <li><span class="sui-text-">默认</span></li>
  11. <li><span class="sui-text-success">上升</span></li>
  12. <li><span class="sui-text-warning">持平</span></li>
  13. <li><span class="sui-text-danger">下降</span></li>
  14. <li><span class="sui-text-info">公告</span></li>
  15. </ul>

删掉原bootstrap里的badget,商家业务场合用的不多,且可以很方便的由label扩展去。

sui-label类名确定一个元素以label样式显示,再加之label-***可以区分不同状态的标识label