按钮准则¶
按钮的种类与样式表¶
按钮种类与对应样式表的class如下所示。
按钮种类 class 大号 imui-large-button 中号 imui-medium-button 小号 imui-small-button 普通 imui-button
登记页面、编辑页面¶
处理按钮(登记/更新/删除按钮)
- 关于按钮大小
- 按钮大小一般设置为大号。
- 关于按钮配置
配置在页面下方的中央位置。如下指定div 与 class 。<div class="imui-operation-parts">・・・按钮的源代码・・・</div>
在可以连续登记的登记页面上,从左向右配置 登记按钮、连续登记按钮 。 编辑页面的配置顺序,从左向右为 更新按钮、删除按钮 。输入助手的调用
- 选用下列任一方式:按钮、文字链接、图标、图标+文字链接。
- 使用按钮时
- 按钮大小一般设置为普通。
- 配置在文本框等输入表单部件右邻位置。
- 使用文字链接时
- 配置在文本框等输入表单部件右邻位置。
- 使用图标时
- 配置在文本框等输入表单部件右邻位置。
- 对于只使用图标的处理按钮,必须设置 title 属性 。(为了提高可用性,不能只通过图像表达含义。)
- 使用图标+文字链接时
- 配置在文本框等输入表单部件右邻位置。
- 从左向右,按图标、文字链接顺序排列。
对话框¶
处理按钮
- 按钮大小
- 按钮大小一般设置为中号。
- 关于按钮配置
- 配置在对话框右下位置。
- 以对话框形式显示登记页面、更新页面时,按“登记页面、编辑页面”的要求进行配置。
输入助手的调用
- 请按照登记页面的要求进行配置。
检索页面(检索条件区域)¶
简单检索
- 关于按钮大小
- 按钮大小一般设置为普通。
- 关于按钮配置
- 配置在文本框等输入表单部件右邻位置。
详情检索
- 关于按钮大小
- 按钮大小一般设置为中号。
- 关于按钮配置
- 配置在右下方。