按钮


默认按钮
代码
<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>

变更按钮大小
代码
<!--为按钮添加 zoom 属性,可以变更按钮的大小,默认缺省值为1-->
<button class="button blue" zoom="0.5">蓝色按钮</button>
<button class="button blue" zoom="1">蓝色按钮</button>
<button class="button blue" zoom="1.2">蓝色按钮</button>
<button class="button blue" zoom="1.5">蓝色按钮</button>

圆角按钮
代码
<!--为按钮class添加 radius- ,可以将按钮变为圆角,其后数值为任意值-->
<button class="button blue radius-3">圆角按钮</button>
<button class="button blue radius-5">圆角按钮</button>
<button class="button blue radius-10">圆角按钮</button>
按钮组
代码
<span class="group-button radius-3">
	<button class="button blue"><span class="icon-plus"></span> 添加</button>
	<button class="button red"><span class="icon-remove"></span> 删除</button>
	<button class="button green"><span class="icon-check2"></span> 保存</button>
</span>