2.1、首页

`MrDoc`的首页即是文集的列表页。

![](/media//202004/mrdoc-index_1586261574.png)

`MrDoc`首页主要由以下几个部分组成：

- 页头：包含`MrDoc`的logo、文集的搜索框、新建文档的按钮以及用户相关的悬浮列表；
- 页面主体：包含当前用户（未登录的游客和已登录的用户）所拥有的浏览权限的文集列表，文集列表的分页栏；
- 页脚：包含了`MrDoc`的版权声明；

## 页头

### 文集搜索

`MrDoc`在首页的页头提供了一个搜索框用来对文集进行搜索。搜索的范围包括当前用户所拥有浏览权限文集，搜索词将会对文集的标题和文集的简介进行匹配。如果存在搜索结果，则会显示出来，如下图所示：

![](/media//202004/mrdoc-search_1586263869.png)

如果没有符合搜索条件的结果，`MrDoc`会给你如下图所示的提示：

![](/media//202004/mrdoc-search2_1586263931.png)

### 新建文档按钮

在首页的页面，我们提供了便捷的编写文档链接，让用户可以快速进入到文档的编辑页面。

如果用户已经登录，点击页头的“新建文档”链接，就会在新标签页中打开编辑文档的页面。

如果用户没有登录，点击页头的“新建文档”链接，则会在新标签页中打开用户登录的页面。

### 用户相关悬浮按钮列表

在首页页头的最右侧，是与用户相关的几个悬浮按钮，无论用户登录与否，其都以一个黑色半身人图标为标志。

如果用户已经登录，当鼠标悬停在此处时，将会显示：

- 后台管理；（如果用户为`MrDoc`的站点管理员）
- 个人中心；
- 修改密码
- 退出登录；

点击按钮链接会进入到相应的页面和唤出相应的功能。

![](/media//202004/mrdoc-index-user_1586264612.png)

反之，如果用户没有登录，当鼠标悬停在此处时，则会显示：

- 登录
- 注册

两个按钮链接，点击它们会分别跳转到登录页面和注册页面。

## 页面主体

### 文集列表

首页的文集列表在文集数量足够的情况下，以电脑端每行3个、移动端每行一个的形式进行排列。

每一个文集块上会显示文集的如下信息：

- 文集的名称；
- 文集的创建者
- 文集最近编辑的文档名称；
- 文集的简介；

如果文集名称、文集最近编辑文档名称和文集简介超出长度，会以`……`的形式进行省略；当鼠标停留在相应的数据上时，则会显示完整的内容，如下图所示：

![](/media//202004/mrdoc-index-mouse_1586264043.png)

### 文集分页

首页的文集列表每页最多显示12个文集的数量，超出的文集需要通过分页进行显示。