一致性自查表1.docx

附录A（规范性附录）一致性自査表 一致性标准自査表见表A.1。表中“问题评分”一栏为自査时需要进行的打分项，打分规则主要从两 个方面考虑： ?量级.即问题的出现频率： ?容易觉察的程度.对于样式中存在的问题，颜色和字体字号通常比间距、边角、阴影和hover态 更易察觉，打分时可依此作出侧重?问题评分标准见表A. 2. 表A.2 一致性度量评分等级 评分 描述 0 完全符合该标准，不存在任何问题 1 存在违反该标准的问题，但不易被发现且出现次数极少 2 存在违反该标准的问题，问题较多但不易被察觉，或者问题虽然出现次数很少但比较易察觉 3 存在违反该标准的问题，问题非常多或虽然不多但极易察觉 4 该标准所涉及到的组件全部用错，完全不符合标准. 表A.1 —致性自査表 检査类别 检査项 一致性标准 权重 问题评分 1.0前端版本 1.1样式（通用） 1. 1.0字体家族与规范完全一致（通用-文字） 5 1. 1.1页面内容区左右边距（通用-栅格） 5 1.1.2右侧挂件与接入规范对齐 4 1. 1.3基础组件ICON与ICON库一致.业务 自定义ICON风格与基础组件ICON保持一致 5 2.通用 框架 2.1面包屑（导航） 2.1.0面包屑用法及样式与规范保持一致 8 2. 1.2面包屑稳定存在于控制台所有页面 （除产品欢迎页） 10 2.1.3面包屑右侧链接操作区符合样式规范 6 2.2标题区 2. 2.0页面标题样式符合规范 10 2. 2.1页面下探后，下级页面标题区使用正 确返回图标 8 2. 2.2除概览页外所有页面均需使用标题 10 2. 2.3标题区全局操作居右 10 2. 2.4标题区除标题与全局操作外不可放置其它内容 6 2.3导航（导航） 2. 3.0 L1导航样式与规范保持一致 10 2. 3.1 L1标题（产品名称）与面包屑最左 第一级名称保持一致 10 2. 3.2 L1导航内文字不可折行，超出宽度 后使用“???”，hover时使用tooltips显 示完整L1导航内文字 10 2. 3.3 L1导航必须支持展开收起功能 8 2.3.4 L2导航样式与规范保持一致 6 3. 1对话框（反馈） 3. 1.0弹窗及所含组件样式符合标准 8 3. 1.1操作组在右侧,主按钮居左 8 3.1.2弹窗必须为模态,有蒙版,（0, 0. 0, 0. 45） 3 3.1.3不同级别的警告类弾窗样式需符合相 应規范 1 3.常用 场景及组件 3.2表格（数据展示） 3. 2.0表格样式与规范保持一致 10 3. 2.1表格头部操作区.与业务相关的主行 动操作靠左放置（包括主行动按钮、筛选、 搜索等功能），icon按钮和文字链接靠右 放置（包括下载表格、自定义表格、刷新、 表格帮助文字链等） 10 3. 2.2表格操作区内容居左对齐.操作之间使用分割线分隔，参考“3个操作项H个 更多”操作原则 6 3. 2.3批量操作在表格下方居左，分页器在 表格下方居右 8 3.3表单（数据录入） 3. 3.0表单及所含组件样式符合标准 8 3. 3.1底部提交类按钮与表单居左对齐 8 3. 3.2必选项需要加*号 4 3. 3.3左右结构布局，label和内容分别居 左对齐，label （包含*号）与操作组左对 齐：上下布局表单的时候，文字与* （必壊 项）左对齐 6 3.4步骤类表 单 3. 4.0表单及所含组件样式符合标准 8 3. 4.1步骤条应居左对齐或平铺对齐，若居 左对齐，步骤条宽度应占内容区60%o 6 3. 4.2步骤类按钮顺序需要符合操作习惯， 即从左至右依次为“上一步”、“下一 步”、“取消”，其中“下一步”可为主要 行动按钮 5 3.5详情信息 3. 5.0信息展示样式符合标准 9 3.6 Slide Panel（业务组件） 3. 6.0 Slide Panel及所含组件样式符合标 准 8 3. 6. 1 Slide Panel的操作组应居左对齐， 其中主操作居左 8 3. 6.2 Slide Panel需要遮挡LL不遮挡 topbar. Sidebar和Topbar用户依旧可操 作 8 3. 6.3 Slide Panel内容区不支持横向滚动 4 3. 6.4 Slide Panel中可根据需要至多下探 一层页面，可以通过左上角返回按钮回到上 一层 4 3.7概览页 3. 7.0概览页及所含组件样式符合标准 7 3. 7.1概览页内容需要通过卡片承载 5 3.8 Tab（数据展示） 3. 8.0 Tab样式与规范保持一致 5 3. 8.1包裏状Tab与条状Tab同时使用时. 包裏状Tab仅可做第一级Tab使用 5 3.9 Message（反馈） 3. 9. 0 Message样式与规范保持一致，包括 全局提