创意预览图

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配

用户头像

6adhucitqSF...

2026.03.20
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
GD459476474GD459476474
GD720042415GD720042415
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。 从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态： 卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意； 卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。 整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。 从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态： 卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意； 卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。 整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。
678typ3ch-HB678typ3ch-HB
生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。 从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态： 卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意； 卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。 整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。生成一张微信小程序竖屏UI设计图，宽高比为9:16，深色专业风，与智宅焕后台管理端深蓝灰色调统一，是客户点击开始下单后进入的下单选择页面。 从上到下布局： 1. 顶部步骤指示器：显示下单流程步骤条「①服务模式 → ②城市选择 → ③服务与计价 → ④确认支付」，当前①服务模式和②城市选择高亮，后续步骤置灰。 2. 区域一：选择服务模式，区域标题文字“选择服务模式”，两个大卡片上下排列，互斥选择，点击后切换选中状态： 卡片A（当前选中，带高亮边框）：标题“远程服务”，副标题“无需师傅上门”，描述“适用于方案设计、远程技术支持等”，图标用💻示意； 卡片B（未选中）：标题“现场服务”，副标题“需师傅上门”，描述“适用于需要师傅到现场的服务”，图标用🔧示意；两个决策卡片醒目，互斥关系清晰。 3. 区域二：选择服务城市，当前选中远程服务，因此用虚线框+文字标注“选择‘现场服务’后将显示城市选择”，示意条件触发状态切换；若选择现场服务，将展示区域标题“选择服务城市”、占位选择框“请选择项目所在城市”和对应提示文字。 4. 底部操作区：固定在底部，显示“下一步：选择服务”按钮，标注说明“当前选择为远程服务，城市选择步骤自动跳过，已完成当前步骤，按钮高亮可点击”。 整体风格清晰专业，所有文字清晰可见，使用无衬线字体，和已有智宅焕UI风格保持统一。
678typ3ch-HB678typ3ch-HB
GD720042415GD720042415
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
Linda.Batz80Linda.Batz80
喜鹊帮帮姣姣喜鹊帮帮姣姣
高德崇高德崇
高德崇高德崇
GD459476474GD459476474
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。 弹窗从上到下布局： 1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。 3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。 页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。 弹窗从上到下布局： 1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。 3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。 页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
Linda.Batz80Linda.Batz80
「图片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
spirittrapspirittrap
用户2347用户2347
GD459476474GD459476474
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
МойкомандирМойкомандир
GD490329309GD490329309
用户48YCXTgG用户48YCXTgG
高德崇高德崇
高德崇高德崇