阅读(143) (40)

travelzen.js样式标准之【按钮】

2018-07-11 15:38:43 更新

按钮

用于统一按钮样式标准,通过添加预设的class类名,获得各种颜色及尺寸的按钮。

实例:

1.默认按钮,btn-primary

<button class="btn-primary">确认</button>

2.操作按钮,btn-action

<button class="btn-action">提交</button>

3.警示按钮,btn-caution

<button class="btn-caution">警告</button>

4.消极按钮,btn-disabled

<button class="btn-disabled">取消</button>

5.中等尺寸(默认尺寸),btn-md

<button class="btn-md">Middle</button>

6.小尺寸,btn-sm

<button class="btn-sm">Small</button>

7.大尺寸,btn-lg

<button class="btn-lg">Large</button>

8.超大尺寸,btn-hg

<button class="btn-hg">Huge</button>