介绍

基本结构

1. 左侧为列表，右边为内容
2. 默认右侧无内容，显示空白或背景
3. 小屏下，默认显示列表，点击列表项才只显示内容，返回回复列表

适用场景

以列表和详情为主的程序

1. 邮件类，参考例子： windows 10 自带的邮件 app

2. 新闻、博客类

3. 消息聊天类

4. 手机版界面转pc，这种感觉上还是不太适合，但这种模式更有感觉，界面不会太变形

实现思路

1. 左右两边有明显分割；
2. 左右宽度最好右边宽，右边才是主体；
3. 右边可以是 iframe 这种内嵌，但是页面少的就不用了，直接放到一个页面就好了，设置这类页面可以直接右侧弹窗

转载请保留原文链接： https://zodream.cn/blog/id/144.html