设计规范

开发者文档
- 更新 v1.5.0:增加了不同颜色大小的文本和链接样式。
基础字体和颜色
- <p>
- 段落
- 基础字体:12px, #333, 微软雅黑
- 基础行高: 18px
- </p>
- <h1>标题一</h1>
- <h2>标题二</h2>
- <h3>标题三</h3>
- <h4>标题四</h4>
- <h5>标题五</h5>
- <p>默认字号</p>
- <p class="sui-text-large">大字号 sui-text-large</p>
- <p class="sui-text-xlarge">更大字号 sui-text-xlarge</p>
- <p class="sui-text-xxlarge">超大字号 sui-text-xxlarge</p>
- <h2>文本色</h2>
- <ul class="unstyled">
- <li><span>默认文本颜色</span></li>
- <li><span class="sui-text-success">成功色</span></li>
- <li><span class="sui-text-warning">警告色</span></li>
- <li><span class="sui-text-danger">危险色</span></li>
- <li><span class="sui-text-info">提示色</span></li>
- <li><span class="sui-text-disabled">禁用色</span></li>
- </ul>
- <h2>链接色</h2>
- <ul class="unstyled">
- <li><a>默认链接颜色</a></li>
- <li><a class="sui-text-success">成功色</a></li>
- <li><a class="sui-text-warning">警告色</a></li>
- <li><a class="sui-text-danger">危险色</a></li>
- <li><a class="sui-text-info">提示色</a></li>
- <li><a class="sui-text-disabled">禁用色</a></li>
- </ul>
- 复制代码代码已复制