### Loading
![Loading](../pic/v3/jiaoyan.png)
### 首页
![首页展示](../pic/shouye.png)

### 用户登陆
![登录/密码保护](../pic/mimabaohu.png)

### 邮件内容查看（HTML 渲染）
![邮件内容查看](../pic/youjianneironchakan.png)

### 便捷复制验证码
![便捷复制验证码](../pic/bianjiefuzhiyanzhengma.png)

### 用户管理-首页
![用户管理-首页](../pic/v3/yonghuguanli.png)

### 分配邮箱
![分配邮箱（单个）](../pic/v3/fenpeiyouxiang.png)
![分配邮箱（多个）](../pic/v3/fenpeiyouxiangduoge.png)

### 编辑用户信息
![编辑用户信息](../pic/v3/bianjiyonghuxinxi.png)

### 用户删除
![删除用户确认](../pic/v3/shanchuyonghu.png)


### 上限提示
![邮箱上限提示](../pic/v3/youxiangshangxian.png)


### 发件测试（发送弹窗）
![发件测试-发件弹窗](../pic/cesifajian.png)

### 发件测试（收件结果）
![发件测试-收件结果](../pic/cesjieshoujiieguo.png)

### 邮箱置顶-置顶效果
![邮箱置顶-置顶效果](../pic/zhiding.png)

## 📱 手机端展示

### 手机端首页与登录
<div style="display: flex; gap: 20px; justify-content: center; margin: 20px 0;">
  <img src="../pic/phone/shouye.png" alt="手机端首页" style="height: 400px;" />
  <img src="../pic/phone/shoujidengl.png" alt="手机端登录" style="height: 400px;" />
</div>

### 手机端生成与历史
<div style="display: flex; gap: 20px; justify-content: center; margin: 20px 0;">
  <img src="../pic/phone/shencheng.png" alt="手机端生成邮箱" style="height: 400px;" />
  <img src="../pic/phone/lishi.png" alt="手机端历史邮箱" style="height: 400px;" />
</div>

### 手机端发件与自定义
<div style="display: flex; gap: 20px; justify-content: center; margin: 20px 0;">
  <img src="../pic/phone/shoujianfajianxiang.png" alt="手机端发件箱" style="height: 400px;" />
  <img src="../pic/phone/zidingyi.png" alt="手机端自定义设置" style="height: 400px;" />
</div>

### 手机端发送邮件与邮件详情
<div style="display: flex; gap: 20px; justify-content: center; margin: 20px 0;">
  <img src="../pic/phone/fasonyoujian.png" alt="手机端发送邮件" style="height: 400px;" />
  <img src="../pic/phone/youjianxiangqing.png" alt="手机端邮件详情" style="height: 400px;" />
</div>

### 邮箱首页
![邮箱首页](../pic/v4/youxiang.png)