网站菜单

苍穹规范培训笔记(一)

UE验收中常见体验问题:

  1. 输入框查看态需要加线:
    大纲中选中页面:字段锁定风格:有下划线(锁定即为查看态,否则为编辑态)
  2. 分录最少2行高度
  3. 弹窗内容区边距为20px(列表边距为0),倒角统一为2px
  4. 面板间距:面板之间的间距为10px,页面背景色色值#E2E7EF(不要修改)
  5. 折叠面板收起后高度为42px(由平台统一设定,业务不要随意调整)
  6. 列表内容对齐方式:以内容的文本长度为依据
    内容长度不统一时居左对齐|内容长度统一时居中对齐|需要比对的数字或金额时居右对齐
  7. 工具栏按钮放置规则:
    当工具栏按钮个数较少时:
    新增、删除、提交、审核、——自定义——、刷新、退出
    当工具栏按钮个数较多时:
    新增、删除、提交、审核、——自定义——、刷新、退出、更多下拉框 开启子项折叠

色彩使用规范:

  1. 同类数据色彩使用要统一

  2. 汇总数据为0时,应由平台统一设置为弱化色

  3. 不建议使用规范之外的颜色,应按照规范设置颜色

  4. 色彩规范:

    • 红色 #E1453E 驳回,超期,逾期,紧急,提醒
    • 深灰色 #666666 正常状态,或标识审核中或等待中的状态
    • 橙色 #FF903D,可用在某一组数据中,需要重点强调的数字或金额
    • 浅灰色 #BBBBBB 浅灰色:由平台设定弱化规则(例如:数字为0的状态)
  5. 设置方法:
    首页——编辑卡片——添加卡片——选择卡片类型——单据统计卡片配置——数字颜色

  6. 列表不同状态应用不同颜色来区分

    • 天蓝色 #55A0F5 标示审核中或者等待中的状态?(例如:审核中,等待付款)
    • 绿色 #26B175 标示已经完成或者成功,通过等状态
    • 橙色 #EF903D 轻度警示:紧急,催办,提醒
    • 红色 #E1453E 重度警示:超期,禁用
    • 灰色 #666666 标示暂停或者终止等状态
    • 浅灰色 #BBBBBB 标示已废弃或过期等的状态

页签使用规范:

  1. 页签是一种将多个大块内容进行分组和隐藏的组织方式
  2. 何时使用
    当有多个大块并列内容,且可以被分组和隐藏时

    • 当内容区块太少时,不适合使用页签,建议使用折叠面板
    • 页签不太适合2个以上层级的展示,层级过多时可以考虑将内容重组/选择树形菜单
    • 信息之间不应该存在对比或并行关系,否则用户会在便签之间不断切换
  3. “全局动态页签”页签只能适用于导航栏,应采用“迷你”页签
  4. 当有表格的场景时“全局动态页签”页签使用错误,应使用“格子”页签
  5. 页签样式错误,应参考“简洁风格”页签样式
  6. 页签设计规范:
    • 迷你风格:页签宽度根据内容自适应(适用于主要信息区域的场景)
    • 简洁风格:页签宽度等分,适用于区域较窄的辅助信息场景
    • 格子风格:页签宽度自适应(适用于容器内的模块切换场景:如搭配分录的使用)
  7. 如何设置:
    在编辑器选择“页签”控件后,在右侧栏的业务中的“页签风格”即可选择需要的页签风格
    单选使用规范:
  8. 页签是一种将多个大块内容进行分组和隐藏的组织方式
  9. 单选框宽度根据内容自适应(中文字符不建议超过8个字)
  10. 单选项

多选使用规范:

  1. 在一组备选项中进行多项选择时
  2. 多选框宽度根据内容自适应(中文字符不建议超过8个字)
  3. 当有多个备选项可选时,建议放在字段最后一行

开关使用规范:

  1. 开关是一种快速切换单个选项状态的按钮
  2. 点击后切换状态,如果遇到互斥按钮组合,切换后对应的互斥组合亦切换至正确位置

录入弹窗使用规范:

  1. 小尺寸弹窗:固定宽度为440px,最小高度为230,最大高度为600px
    主要在录入一些较少的字段时使用,建议1-3个字段使用
  2. 中尺寸弹窗:固定宽度为600px,最小高度为330,最大高度为600px
    小尺寸无法满足的业务数据量的情况下可以使用中尺寸,建议4-8个字段内使用
  3. 大尺寸弹窗:最大宽度为1000px,固定高度为600(纯录入字段用880600尺寸,在弹窗内存在列表使用1000600尺寸。)
    业务数据量较大,操作、信息层级较多的内容可以使用大尺寸,建议8-18个字段使用
显示评论 (457)

文章评论

相关推荐

金蝶云苍穹插件开发基础

一、选择插件基类 页面类型 应用场景 插件基类 动态表单 PC端界面 AbstractFormPlugin 移动端界面 AbstractMobFormPlugin 单据/基础资料 单据界面 Abstr…

金蝶云苍穹开发规范

BOS平台的开发规范: 工程类型: 表单插件工程:formplugin 用于表单插件 操作插件工程:opplugin 用于操作插件 报表工程:report 用于账表功能开发 微服务接口工程:mserv…