众所周知，由于移动端页面大小的限制，展示多层级的内容可能会层级过深或者展示层级结构不清晰，本文介绍了四种展示层级的方法。
1、“面包屑”式导航
可以快速定位到某一层级下进行切换展示层级下内容，这种形式的多级目录常被用在选择地区的页面
级联选择
优点：
1)能够快速切换跨层级间的内容选择
2)能直观的看到当前处于第几层级，以及层级名称是什么
3)选择层级和查看内容分开，这部分只是展示层级的名称，点击子层级查看具体层级下的内容
缺点：
1)只适合展示这种级联层级的内容，展示内容上有局限性
2)如果采用这种展示形式，最好不采用内容和层级并存的形式，否则在同一层级出选中，有的是选中展示下一层级；有的是选中展示层级下的内容，会产生不统一的效果
使用场景：
选择级联地址，或者选择级联考试类型的时候，可以采用这种交互方式
2、展开收起式展示层级
层级逐层展开/收起，用缩进、字号和颜色进行区别不同的层级内容
展开收起层级
层级展开收起
优点：
1)能够让用户清楚的了解当前所在的位置
2)可以通过”吸顶“的方法，展示当前内容的父层级，能够清楚的看到层级关系
缺点：
1)如果层级过多，在视觉上区分层级结构会很困难
2)极端情况下，”吸顶“的形式会占据页面的大部分空间，有效内容的展示区域就会变小
使用场景：
层级结构比较少的情况下、偏浏览的页面，适合采用这种交互方式
3、仿面包屑式展示层级
最底层的内容直接展示出来，层级内容用面包屑的形式展示，但是此处应用的面包屑只是展示层级的作用
图三
优点：
1)突出展示层级下的具体内容
2)直观的看出具体内容所在的层级结构（将当前内容的层级全部展示在内容之上）
缺点：
1)方便依次进行内容的学习，但是不方便查看同一个父层级下都有哪些子层级或者内容；对于彼此的层级结构不是很突出
使用场景：
层级只是示意的作用，程序的主要目的是希望用户查看学习子层级下的内容
4、弹层展示层级
如果最外层的信息对用户很重要，而在层级上选择具体的查看内容时间很短，可以采中中间层级弹层展示的方式作为一个过渡页面
图四
优点：
1)将需要短暂停留且不是需要一直查看的内容用弹层的形式展示，会让需要用户认真查看的页面更清爽，承载的内容更少
2)页面的层级关系更加清晰，父层级-子层级-内容
3)突出展示子层级的内容，子层级上的所有父层级采用面包屑的形式展示，既能让用户知道层级关系，又不会太突出
缺点：
1)不能在内容的页面查看到父层级或子层级的内容
2)需要用户操作多次才能看到希望看到的内容，有可能会感觉层级太深
使用场景：
当层级的展示不需要很突出，需要学员沉浸下来看某一层级下具体的内容时，可以采用这种交互方式
