PDF《一级导航区 Navigation》

1 需要和画布区域协作完成任务,面板展开使用 推出 的交互,对其他区块进行挤压 预操作区为:高频多次操作

2 筛选文件树 下拉条件多选 标题名称 文案 文案 Start date - End date 文案 文案 标题名称 下拉条件多选 标题名称 文案 文案 Start date - End date 文案 文案 标题名称 普通文件树 以文件树的形式,查找、选择右 边主操作区的操作对象;

用户在此模块可查找选择需要拖 拽进主操作区的对象 当对象条目非常多时,为用户提供多 维度筛选功能,用于快速锁定目标对 象范围,更快找到目标对象;

以文件树的形式,查找、选择右 边主操作区的操作对象;

可拖拽文件树 Tab1 Tab2 Tab3 缩略图 Tab1 Tab2 Tab3 空白 名称 内容自定 备注信息 名称 备注信息 一级列表 一级列表 二级list 二级list 二级list 二级list 三级list 三级list 二级list Tab1 Tab2 Tab3 使用场景: 以文件树的形式,查找、选择右边主操作区的操作对象;

交互说明: ・ 用户在此模块进一步选择,会对主操作区产生影响;

・ 协助完成主操作区内容;

・ 文件树最多支持3个层级;

使用场景 在文件树的基础上,用户在此模块可查找选择需要拖拽进主操作区的对象;

交互说明 hover时出现椭圆矩形与拖动手势icon,则表示该对象可拖拽 使用场景 当对象条目非常多,且用户不知道目标对象名称的时 候,为用户提供多维度筛选功能,用于快速锁定目标对 象范围,更快找到目标对象;

使用场景 缩略图作为可快速区分操作对象时选用, 查找的同时可快速预览、判断操作对象的内容 交互说明 ・ 用户在此模块快速预览、查找操作对象,多为选择模板;

・ 默认选中的 首个对象 一般为 自定义创建 ・ 通过每次点击一个缩略图,主操作区依次显示对应缩略图的放 大效果和内容详情,用户可查看或进行详细操作. 筛选文件树 可拖拽文件树 缩略图 普通文件树 C1 C2 C3 C4 一级列表 二级list 二级list 二级list 三级(hover) 三级 二级list Tab1 Tab2 Tab3 一级列表(disable) 一级列表 一级列表 二级list 二级list 二级list 二级list 二级list 二级list 三级(hover) 三级(hover) 三级 三级 二级list 二级list Tab1 Tab2 Tab3 一级列表 分类名称 分类名称 分类名称 分类名称 分类名称 二级list 二级list 二级list 三级(hover) 三级(hover) 三级 三级 二级list Tab1 Tab2 Tab3 一级列表 一级列表 一级列表 一级列表 一级列表 一级列表 一级列表 一级列表 一级列表 二级list Tab1 Tab2 Tab3 一级列表 一级列表(disable) 一级列表 二级list 二级list 二级list 三级list 三级list 二级list Tab1 Tab2 Tab3 标签页形式切换多个预操作页面,建议最多3个标签页 当需要对当前整体 文件树 进行项目、业务等维度的切换时 1.单击 向下箭头 展开;

2.当本身也是个内容页面时,可点击整行打开;

3.点按拖动文件移动位置(预操作区内移动);

4.文件夹行hover时,后面出现功能图标,如重命名、删除、设置等. 建议尽量只保留最核心的1-2种操作,超过3种时,建议用右键列表选择的形式. 1. 图标为可选项,可根据自身情况添加,图标风格请参考示例 1.当需要区分文件夹时,可设定其他........