按钮


默认按钮
代码
<button class="button blue">蓝色按钮</button>
<button class="button navy">靛蓝色按钮</button>
<button class="button indigo">靛青色按钮</button>
<button class="button wathet">浅蓝色按钮</button>
<button class="button red">红色按钮</button>
<button class="button green">绿色按钮</button>
<button class="button yellow">黄色按钮</button>
<button class="button gray">灰色按钮</button>
<button class="button disable">禁用按钮(不可点击)</button>

镂空按钮:追加 class="empty"
代码
<button class="button blue empty">蓝色按钮</button>
<button class="button navy empty">靛蓝色按钮</button>
<button class="button indigo empty">靛青色按钮</button>
<button class="button red empty">红色按钮</button>
<button class="button green empty">绿色按钮</button>
<button class="button yellow empty">黄色按钮</button>
<button class="button gray empty">灰色按钮</button>
<button class="button disable empty">禁用按钮(不可点击)</button>

带图标的按钮
代码
<!--为了防止按钮文字和图标紧紧贴着,请在文字前敲一个空格-->
<button class="button blue"><span class="icon-plus"></span> 图标按钮</button>
<button class="button red"><span class="icon-minus"></span> 图标按钮</button>

圆角按钮
代码
<!--默认提供 3、5、8 的圆角-->
<button class="button blue radius-3">圆角按钮</button>
<button class="button blue radius-5">圆角按钮</button>
<button class="button blue radius-8">圆角按钮</button>
按钮组
代码
<span class="group-button">
	<button class="button blue"><span class="icon-plus"></span> 添加</button>
	<button class="button red"><span class="icon-close2"></span> 删除</button>
	<button class="button green"><span class="icon-check2"></span> 保存</button>
</span>