编辑导语：之前学习了 B 端 UI 组件（文本、按钮、下拉菜单、输入框、翻页控制、表格
、表单、会话框）的交互规范；今天这篇文章是 B 端交互规范最后一篇：B 端交互的典型
页面，我们一起来学习一下。


一、业务主框架界面
需求场景：
符合常规行业内容分布逻辑； 具备通用性；
1. 内容布局
业务可是界面基础布局模式分为上下布局，上部为导航条、下部为内容区：
顶部导航栏分区：


LOGO 区域，防止 LOGO 图标与标题：
一级导航：


无子级内容，导航仅显示标题，如有子级内容展示，则显示对应图标：


子级内容根据需要展开：
子级分类项较多：


子级分类项较少：
基础操作项：


全局分类数据切换对内容区数据进行整体更新，如内容区为全局数据时，分类数据切换按
钮不可用，显示所有：


其他按钮点击展开对应下拉界面，或执行对应操作。
用户私有信息、偏好设置展开：
内容区分为三个区域：左侧边导航、分类导航、内容展示，内容展示界面正常显示宽度不
得小于 1366px-左侧导航展开宽度（左侧边导航宽度参见 UI 诗句涉及规范）：
左侧边导航，用于展示从一级导航入口进入后的相 ...