针对多层级的目录树展开,应该如何做设计?

2022-07-21 10:22:17 +08:00
 qtoq126

目录树的层级太多了,多的时候 10 几级,如下图所示

https://s3.bmp.ovh/imgs/2022/07/21/d98d3c233f728a08.png

针对这种多层级目录树,有没有更好的设计方式呢?目前这种实在是太难看了,但是业务需求确实是会出现这么多层级的情况。

1340 次点击
所在节点    问与答
6 条回复
qtoq126
2022-07-21 10:25:33 +08:00
acthtml
2022-07-21 10:35:08 +08:00
不难看出,只是不容易区分,可以增加这两点:

1. 添加纵向辅助线,方便找到它的父级。
2. 添加分类图标。图片比文字更容易检索。

可以参考任意代码编辑的左侧文件目录树。
jink2018us
2022-07-21 11:23:46 +08:00
公共问题,可以参考 windows 的 file explorer 和 macos 的 finder
LLaMA2
2022-07-21 11:29:55 +08:00
这个问题需要征询甲方意见,他们频繁查看的是哪一层,目前这样的看目标数据没问题,然后需要查看最底层数据的时候需要点很多下,
可以在热点数据的树叶做标记。然后左侧顶部区域放置快速筛选按钮,默认放置常用标记,类似“预制梁”、“桥孔”,这样就很方便了不是吗?
sillydaddy
2022-07-21 12:42:38 +08:00
2# 楼说的有道理,添加竖向的辅助线。可以参考一个 VSCode 和 Logseq 这两个软件的处理方法。
Logseq 中,点击竖向的辅助线,还可以把所有的子节点都收缩 /展开起来,非常好用。
leonme
2022-07-21 13:18:55 +08:00
问下表结构是怎么设计的呢?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/867694

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX