前言
产品经理，应该具有模型思维，所谓模型，就是解决问题的套路。
把一些成熟的解决方案，抽象、提炼出来，既能提高设计效率，又能实现标准化。
这篇文章，分享B端的交互设计规范，涉及到的组件能覆盖80%的场景。
内容较多，建议先收藏再看。
列表页
1、查询表格页
1.1作用
1）展示大量结构化的数据，通过搜索或设计查询条件定位到要浏览的数据。
2）当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。
1.2布局
整个页面包含两个功能模块：导航模块和内容模块。内容模块包含上下两个区块，筛选区和表格区。
1）筛选区
筛选区的功能主要是设置搜索或筛选条件，给用户提供准确的查询范围。详细的规范见 业务组件》列表页》数据筛选区
2）表格区
呈现数据内容的模块，详细的规范见业务组件》列表页》表格
1.3交互逻辑
1）适配
大屏（宽度 > 992 px）内容区域宽度根据屏幕宽度动态变化；
中屏（宽度 < 992 px）内容区宽度不再缩小，出现横向滚动条。
2）表格区
1、默认展示50条数据。
2、当数据撑满视图窗口时：表格