intra-mart Accel Platform / Script研制模式编程指南

«     ::   Contents   ::   处理图标/处理链接  »

按钮准则

关于按钮准则

  • 下面介绍与按钮的配置及大小相关的准则。

  • 这只是基本准则,建议大家遵循准则,但非硬性规定。
    页面式样无法遵循本准则时,不必强求。

按钮的种类与样式表

按钮种类与对应样式表的class如下所示。
按钮种类 class
大号 imui-large-button
中号 imui-medium-button
小号 imui-small-button
普通 imui-button

按钮配置准则

  • 配置时按照重要度、使用频率等从高到低,从左向右顺序进行配置。
    ※关于各页面的详细准则,请参考各章介绍。

登记页面、编辑页面

处理按钮(登记/更新/删除按钮)

  • 关于按钮大小
  • 按钮大小一般设置为大号。
  • 关于按钮配置
  • 配置在页面下方的中央位置。
    如下指定div 与 class 。
<div class="imui-operation-parts">・・・按钮的源代码・・・</div>
  • 在可以连续登记的登记页面上,从左向右配置 登记按钮、连续登记按钮
  • 编辑页面的配置顺序,从左向右为 更新按钮、删除按钮

输入助手的调用

  • 选用下列任一方式:按钮、文字链接、图标、图标+文字链接。
  • 使用按钮时
  • 按钮大小一般设置为普通。
  • 配置在文本框等输入表单部件右邻位置。
  • 使用文字链接时
  • 配置在文本框等输入表单部件右邻位置。
  • 使用图标时
  • 配置在文本框等输入表单部件右邻位置。
  • 对于只使用图标的处理按钮,必须设置 title 属性 。(为了提高可用性,不能只通过图像表达含义。)
  • 使用图标+文字链接时
  • 配置在文本框等输入表单部件右邻位置。
  • 从左向右,按图标、文字链接顺序排列。

对话框

处理按钮

  • 按钮大小
  • 按钮大小一般设置为中号。
  • 关于按钮配置
  • 配置在对话框右下位置。
  • 以对话框形式显示登记页面、更新页面时,按“登记页面、编辑页面”的要求进行配置。

输入助手的调用

  • 请按照登记页面的要求进行配置。

检索页面(检索条件区域)

简单检索

  • 关于按钮大小
  • 按钮大小一般设置为普通。
  • 关于按钮配置
  • 配置在文本框等输入表单部件右邻位置。

详情检索

  • 关于按钮大小
  • 按钮大小一般设置为中号。
  • 关于按钮配置
  • 配置在右下方。

«     ::   Contents   ::   处理图标/处理链接  »