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

2018-07-12 09:47 更新

按钮

用于统一按钮样式标准,通过添加预设的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>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号