其他

滚动条颜⾊

定义变量：公共样式处理

整体背景颜⾊

定义变量

标签页组件【吴清】

1. 验证该问题是否存在
2. 若存在则添加底部横线

边距

表格列表边距问题

设计图：

分组组件边距问题

分组组件对齐问题

标题组件加 padding-left

表单必填符号 “*” 号间距

对话框边距

1. 需要注意，标签页模式下，没有边距
2. 部件弹窗中容纳不同部件时，如何处理

表单项边距

缩放与圆角

页面圆角

定义变量


设计图：【背景⽩板均为4px，内部元素圆⾓均为2px】

缩放时图标⼤⼩问题

使用 rem 单位

1. 样式文件中全部使用 rem
2. 第三方插件样式中，全部使用 rem

边距、圆角问题

按钮

按钮颜色

导航

导航颜色

系统 logo

左侧⼀级导航图标

左侧⼀级导航图标颜⾊

左侧⼀级导航收起时箭头⽅向

左侧⼆级菜单选中样式

左侧⼆级菜单悬停样式

⾯包屑

规范导航⽰例样式：

左侧菜单收起默认图标颜⾊

左侧菜单收起⼆级样式

表格

标题

单元格样式

1. 目前使用 图标 + 文字实现，图为 0.16rem，设计稿大小为 6px，难以实现
2. 图标与文字间距 5px，设计稿为 10px

详情

tab 页头颜色

字段不加冒号【吴清】

1. 校验配置项即可，无代码改动

列内容分布不均

配置多列进行验证

表单

按钮名称关闭是右上⾓的叉，下⾯是取消，取消新增操作

表单对齐问题【吴清】

1. 配置表单左对齐即可，无代码改动

字段左对齐

配置为左对齐，此外，对齐间距要以标题文字开头
“*”号对齐，字段对齐

表单项间距

该问题在边距分类中存在，需要使用边距变量

antd 组件样式

表单类

antd 表单类组件样式统一

已填信息⽂字颜⾊

提示文字颜色统一

圆⾓问题

此处圆角大小需要与其他位置圆角统一

输⼊框内图标

数值输⼊样式

分页

翻页组件问题

antd 组件库样式重写，需要注意边距、圆角、文本颜色使用变量

按钮

字体大小改为 rem

对话框

头部问题【吴清】

1. 校验系统中的对话框即可

关闭图标与底部按钮

图片、附件样式

表单中与标题对齐【杨欢】

树结构

导航树样式问题

单独的⾯板展⽰树结构
页面设计相关

登录

图片被压缩变形

登录框未稳定居中

登录页未按设计图实现，背景太模糊。

设计图：

一进系统应该有个默认页面，而不是现在的空白界面。

导航背景颜色

首页

设计图：