创意预览图

将图中保险期限的文字从“2025-01-03至2026-01-02”修改为“2025-07-17至2026-07-17”,保持字体、字号、颜色、位置与原图完全一致,其余所有内容、界面布局、样式均保持不

用户头像

1q00sxzxbe-...

2026.07.19
生成一个手机还款页面设计图,画布宽度960px,高度2076px,背景纯白色#FFFFFF,从上到下分层设计: 1. 最顶端是手机状态栏:左上角红色#E03030圆角矩形标签,白色15:35文字;右上角横向排列黑色手机信号格、黑色5G文字、黑色圆角电池块带93白色文字,右上角有黄色小圆点装饰 2. 主标题是深灰黑#222222的“还款”大字,思源黑体Bold粗体,字号44,水平居中 3. 第二块是宽度960px高度410px的蓝色渐变横幅,左#32A8F6浅蓝到右#1985DD深蓝,右侧放高度350px的扁平商务男士紫色上衣贴纸,中间放大黑色粗描边白色填充云朵气泡,气泡顶部居中是白色粗体大字“温馨提示”,气泡内红色#E62020正文文字:“额度匹配中是系统在下款中,请注意查收,请不要删除app,下款时间早上9点到晚上7点,网络添加你协商还款的一律都是骗子,复借客户减少利息百分之70,平台对接了第三方数据共享了征信数据,请”,四个角落有黄色圆圈浅蓝烟花碎片装饰 4. 气泡正下方无缝衔接宽度960px高度330px紫色渐变块,上#6977F0浅紫到下#4634CF深紫,从上到下分别是白色小字“当前应还金额:”,白色超粗大号“¥1,980.00”,白色小字“还款银行卡:中国工商银行尾号3640”,全部居中 5. 紫色块下方是宽度960px高度110px纯白#FFFFFF分隔栏,左侧深灰#222文字“到期时间:”,右侧深灰#333文字“2026-05-21 18:00:00”,垂直居中 6. 下方是宽度960px高度210px浅灰#F1F1F3块,内部深蓝色#1040AA文字:“● 按时还款会提高您的专属额度,恶意逾期将收录至征信系统,请保持按时还款的好习惯(还款时请勿原路返还,因此造成的资金损失,我司概不负责。)”,左右边距30px 7. 下方距离60px处放左右并排两个圆角按钮:左按钮“立即还款”,右按钮“续期”,每个宽415px高100px圆角42px,填充#3168F2深蓝色,文字白色居中粗体,间距30px 8. 最底端是宽度960px高度165px白色导航栏,三栏均分布局:左侧简约钱包带箭头线条图标加文字“首页”,中间银行卡简约线条图标加粗体文字“还款”(当前选中),右侧简约人物头像线条图标加文字“我的”,最底部居中黑色细长条手机触控条 全部文字字体使用思源黑体,严格遵循给定字号、色值、间距和排版要求,生成UI界面设计图生成一个手机还款页面设计图,画布宽度960px,高度2076px,背景纯白色#FFFFFF,从上到下分层设计:
1. 最顶端是手机状态栏:左上角红色#E03030圆角矩形标签,白色15:35文字;右上角横向排列黑色手机信号格、黑色5G文字、黑色圆角电池块带93白色文字,右上角有黄色小圆点装饰
2. 主标题是深灰黑#222222的“还款”大字,思源黑体Bold粗体,字号44,水平居中
3. 第二块是宽度960px高度410px的蓝色渐变横幅,左#32A8F6浅蓝到右#1985DD深蓝,右侧放高度350px的扁平商务男士紫色上衣贴纸,中间放大黑色粗描边白色填充云朵气泡,气泡顶部居中是白色粗体大字“温馨提示”,气泡内红色#E62020正文文字:“额度匹配中是系统在下款中,请注意查收,请不要删除app,下款时间早上9点到晚上7点,网络添加你协商还款的一律都是骗子,复借客户减少利息百分之70,平台对接了第三方数据共享了征信数据,请”,四个角落有黄色圆圈浅蓝烟花碎片装饰
4. 气泡正下方无缝衔接宽度960px高度330px紫色渐变块,上#6977F0浅紫到下#4634CF深紫,从上到下分别是白色小字“当前应还金额:”,白色超粗大号“¥1,980.00”,白色小字“还款银行卡:中国工商银行尾号3640”,全部居中
5. 紫色块下方是宽度960px高度110px纯白#FFFFFF分隔栏,左侧深灰#222文字“到期时间:”,右侧深灰#333文字“2026-05-21 18:00:00”,垂直居中
6. 下方是宽度960px高度210px浅灰#F1F1F3块,内部深蓝色#1040AA文字:“● 按时还款会提高您的专属额度,恶意逾期将收录至征信系统,请保持按时还款的好习惯(还款时请勿原路返还,因此造成的资金损失,我司概不负责。)”,左右边距30px
7. 下方距离60px处放左右并排两个圆角按钮:左按钮“立即还款”,右按钮“续期”,每个宽415px高100px圆角42px,填充#3168F2深蓝色,文字白色居中粗体,间距30px
8. 最底端是宽度960px高度165px白色导航栏,三栏均分布局:左侧简约钱包带箭头线条图标加文字“首页”,中间银行卡简约线条图标加粗体文字“还款”(当前选中),右侧简约人物头像线条图标加文字“我的”,最底部居中黑色细长条手机触控条
全部文字字体使用思源黑体,严格遵循给定字号、色值、间距和排版要求,生成UI界面设计图
「图片1」### 顶部导航栏 - 左侧:返回箭头 `<` - 中间标题:**告警** - 右侧:更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏 当前页面处于告警管理相关模块,Tab 包括: - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**:当前高亮 - 生命周期 说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。 --- ### 3. 告警概览区 位于页面顶部,用三个数字卡片展示告警统计: 表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。 --- ### 4. 告警明细区 这是页面核心内容,展示两条告警记录。 #### 第一条告警:画面遮挡告警 - 类型:**画面遮挡告警** - 时间:2026-06-09 10:23 - 状态:**待确认**,橙色 / 黄色标签 - 风险等级:**高** - 设备名称:暖通演示楼 / 2F / 二楼东侧 - 事件描述:AI 值守 核查遮挡摄像头角度 这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。 #### 第二条告警:心跳延迟告警 - 类型:**心跳延迟告警** - 时间:2026-06-08 18:30 - 状态:**已恢复**,绿色标签 - 风险等级:中 - 设备名称:设备名称 - 事件描述:设备心跳超时,离线后恢复 这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。 --- ### 5. 处置记录区 - 标题:**处置记录** - 内容:已生成安全事件 - 状态:**待补充** 说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位 这个页面主要用于**运维人员查看和处理设备告警**,核心作用是: 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航:返回 / 告警标题 / 更多 ↓ Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览:今日告警 / 待确认 / 已恢复 ↓ 告警明细:画面遮挡告警 / 心跳延迟告警 ↓ 处置记录:已生成安全事件,待补充 帮我生成APP「图片1」###  顶部导航栏

- 左侧:返回箭头 `<`
- 中间标题:**告警**
- 右侧:更多菜单图标 `⋯`

### 2. 顶部 Tab 标签栏

当前页面处于告警管理相关模块,Tab 包括:

- 控制
- 档案
- 动态
- 维保
- 巡检
- **告警**:当前高亮
- 生命周期

说明这是一个设备全生命周期管理系统,告警只是其中一个子模块。

---

### 3. 告警概览区

位于页面顶部,用三个数字卡片展示告警统计:

表格

| 指标 | 数值 | 说明 |
| --- | --- | --- |
| 今日告警 | 2 | 当天产生的告警数量 |
| 待确认 | 1 | 尚未处理确认的告警 |
| 已恢复 | 1 | 已经恢复或关闭的告警 |

右上角有一个蓝色标签:**1 待确认**,提示当前有待处理告警。

---

### 4. 告警明细区

这是页面核心内容,展示两条告警记录。

#### 第一条告警:画面遮挡告警

- 类型:**画面遮挡告警**
- 时间:2026-06-09 10:23
- 状态:**待确认**,橙色 / 黄色标签
- 风险等级:**高**
- 设备名称:暖通演示楼 / 2F / 二楼东侧
- 事件描述:AI 值守 核查遮挡摄像头角度

这条属于**视频 / 摄像头类智能告警**,系统识别到摄像头可能被遮挡,需要人工确认。

#### 第二条告警:心跳延迟告警

- 类型:**心跳延迟告警**
- 时间:2026-06-08 18:30
- 状态:**已恢复**,绿色标签
- 风险等级:中
- 设备名称:设备名称
- 事件描述:设备心跳超时,离线后恢复

这条属于**设备联网状态告警**,说明设备曾经失联,后来重新上线。

---

### 5. 处置记录区

- 标题:**处置记录**
- 内容:已生成安全事件
- 状态:**待补充**

说明系统已经生成了事件记录,但处理备注或工单信息还没有完全填写。

---

## 三、页面业务定位

这个页面主要用于**运维人员查看和处理设备告警**,核心作用是:

1. 快速了解今日告警数量
2. 判断哪些告警待处理
3. 查看告警类型、设备位置和风险等级
4. 确认摄像头遮挡、设备离线等异常事件
5. 记录后续处置结果

---

## 四、页面信息结构总结

```
顶部导航:返回 / 告警标题 / 更多
↓
Tab导航:控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期
↓
告警概览:今日告警 / 待确认 / 已恢复
↓
告警明细:画面遮挡告警 / 心跳延迟告警
↓
处置记录:已生成安全事件,待补充
帮我生成APP