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

设计规范

开发者文档

  • 更新 v1.5.0:增加了不同颜色大小的文本和链接样式。

基础字体和颜色

段落 基础字体:12px, #333, 微软雅黑 基础行高: 18px

标题一

标题二

标题三

标题四

标题五

默认字号

大字号 sui-text-large

更大字号 sui-text-xlarge

超大字号 sui-text-xxlarge

文本色

  • 默认文本颜色
  • 成功色
  • 警告色
  • 危险色
  • 提示色
  • 禁用色

链接色

  1. <p>
  2. 段落
  3. 基础字体:12px, #333, 微软雅黑
  4. 基础行高: 18px
  5. </p>
  6. <h1>标题一</h1>
  7. <h2>标题二</h2>
  8. <h3>标题三</h3>
  9. <h4>标题四</h4>
  10. <h5>标题五</h5>
  11. <p>默认字号</p>
  12. <p class="sui-text-large">大字号 sui-text-large</p>
  13. <p class="sui-text-xlarge">更大字号 sui-text-xlarge</p>
  14. <p class="sui-text-xxlarge">超大字号 sui-text-xxlarge</p>
  15. <h2>文本色</h2>
  16. <ul class="unstyled">
  17. <li><span>默认文本颜色</span></li>
  18. <li><span class="sui-text-success">成功色</span></li>
  19. <li><span class="sui-text-warning">警告色</span></li>
  20. <li><span class="sui-text-danger">危险色</span></li>
  21. <li><span class="sui-text-info">提示色</span></li>
  22. <li><span class="sui-text-disabled">禁用色</span></li>
  23. </ul>
  24. <h2>链接色</h2>
  25. <ul class="unstyled">
  26. <li><a>默认链接颜色</a></li>
  27. <li><a class="sui-text-success">成功色</a></li>
  28. <li><a class="sui-text-warning">警告色</a></li>
  29. <li><a class="sui-text-danger">危险色</a></li>
  30. <li><a class="sui-text-info">提示色</a></li>
  31. <li><a class="sui-text-disabled">禁用色</a></li>
  32. </ul>