按钮类型三种不同类型的按钮, 样式已统一, 按需使用
- 首先选择并添加一个按钮类型, 然后在这个按钮上追加示例右侧的类名或属性, 按需改变它的大小, 颜色等
- 按钮组件的初始类名都是
.button - 按钮内加图标, 需要把文字部分用
<span></span>嵌套 - 当一个区域内有多个按钮且排列比较拥挤混乱时, 试着将它们嵌套在
.button-group里面 - 推荐使用
button和a, 可相互转换标签, 方便添加和更换图标, 带有点击反馈
button
button + icon
a
a + icon
input
icon
按钮大小默认, 大型, 小型, 按需使用
-
.button-large -
.button-small
按钮大小
按钮颜色按情境使用, 如删除可以用红色, 新增可以用绿色
-
.button-red -
.button-orange -
.button-yellow -
.button-green -
.button-cyan -
.button-blue -
.button-purple -
.button-pink
按钮颜色
其他样式
-
适合在提交表单和搜索时使用, 需控制图标的添加和移除
-
显示附加信息
-
.button-flat -
disabled
其他样式
分页按钮
后台框架兼容样式
span.info可放在最前或最后, 兼容样式的span.info只能放在前面
分页按钮
后台框架兼容样式
Powered by © ZhiYe Software Technology Co.,Ltd