关于 MasterDetail 模式页面收集

Fork Me On Github
zodream 闲聊 2020年05月

介绍

基本结构

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

适用场景

以列表和详情为主的程序

  1. 邮件类,参考例子: windows 10 自带的邮件 app

  1. 新闻、博客类

  2. 消息聊天类

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

实现思路

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