Layout 的全新样式
随着 antd 正式版的发布，layout 也将迎来全新的设计风格。新的风格仍然会以科技的风格为主，在原来的基础上优化尺寸和体验细节，设计更加简洁，匹配更多业务场景。
AntDesign Pro 主要修改点
| 内容 | 修改点 |
|---|---|
| 导航尺寸 | 顶部导航高度由 AntDesign Pro 64px 改为 48px- 侧边导航宽度由 AntDesign Pro 256px 改为 208px |
| 导航布局模式 | 在原来单一侧边或顶部导航模式基础上，增加一种混合模式，与 TechUI 现有模式统一 |
| 顶部导航细节优化 | 全局搜索样式修改，与顶部菜单交互修改，打开搜索挤压菜单后，关闭搜索回到正常态- 实用工具区 Hover 颜色修改，由蓝色改为深黑色 #161726 |
| 侧边导航细节优化 | 在侧边导航增加自定义辅助功能操作，如下拉筛选- 侧边导航展开收起图标修改，放置在侧边导航底部- 增加菜单名过长，菜单高度小信息隐藏交互 默认修改为固定模式 |
| 混合模式 | 顶部导航提供自定义顶部导航与原来一致，但是增加一个通透的顶栏 |
导航菜单部分
结构与尺寸
侧边导航宽度由 256px 改为 208px，导航内容与前后边距改为 16px。
自定义辅助操作
增加自定义辅助操作，如下拉筛选（业务诉求）。
菜单过长过多交互
菜单名过长，缩略展示，hover 出现全部 tooltip 提示。
菜单名过多或出现折叠时，顶部标题产品标题区，辅助操作区和底部通用操作区固定，中间功能菜单区进行滑动。上下区域出现阴影分割。
顶部导航交互部分
交互和导航的改动是本次最大的改变。
结构与尺寸
顶部导航高度由 64px 改为 48px。
颜色版本
继续提供暗色、亮白颜色版本，暗色颜色由 #001529 改为金融云导航（OneX）同样深色 #1F293D
搜索交互优化
搜索激活样式修改，打开搜索挤压菜单后，关闭搜索回到正常态。
实用工具 Hover 效果优化
实用工具 Hover 由蓝色背景色改为深黑色 #161726。
混合菜单新模式
新的模式混合菜单：可以让顶部全局导航+侧边导航混合模式同时出现
样例
