创意预览图

重新生成拾光智伴大学生服务者端小程序首页,现代化简约清爽设计,顶部显示个人头像和今日收益,顶部导航栏放置「接单大厅」,下方依次排列:我的接单卡片、服务记录入口、收益结算模块,底部悬浮快速接单按钮,侧边

用户头像

6adhucitqSF...

2026.03.20
「图片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
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅端个人中心页面,管理个人信息、查看收入和提现,内容可上下滚动。 从上到下布局: 1. 顶部师傅身份卡片:圆形头像占位,师傅姓名“张建国”,蓝色标签“智能安装及调试师傅”,入驻时间“2025年3月通过认证”。 2. 区域一:收入概览,两个数据卡片横向排列,卡片1大字突出“累计收入 ¥48,560”,卡片2“累计接单 328单”,卡片下方链接“查看收入明细 →”,收入数据醒目展示。 3. 区域二:收入明细列表,区域标题“近期收入”,列表展示2条记录:第一条,订单编号ZXH20260628001,服务类型智能锁安装,完成时间2026-06-28,本单佣金¥200,绿色标签“已结算”;第二条,订单编号ZXH20260625001,服务类型现场安装调试,完成时间2026-06-25,本单佣金¥800,橙色标签“待结算”。 4. 区域三:提现操作,区域标题“提现”,突出展示“可提现金额:¥12,350”,主色高亮“申请提现”按钮,入口链接“提现记录 →”,提现入口清晰。 5. 区域四:账户与设置,列表菜单形式,包含:“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”(初期预留)”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。 6. 区域五:个人信息编辑区,虚线框标注:“点击‘个人信息’后展开 ↓”,框内展示:姓名张建国(灰色,说明管理员维护不可修改)、手机号138****5678(灰色,管理员维护不可修改)、角色类型智能安装及调试师傅(管理员维护)、擅长品类标签组(管理员维护)、从业时间2016年(管理员维护)、居住城市上海(管理员维护)、服务区域上海市(管理员维护),底部按钮“申请修改个人信息”(提交后需管理员审核),明确区分管理员维护字段和师傅可申请修改字段。 预留功能用“敬请期待”标签示意,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅端个人中心页面,管理个人信息、查看收入和提现,内容可上下滚动。
从上到下布局:
1. 顶部师傅身份卡片:圆形头像占位,师傅姓名“张建国”,蓝色标签“智能安装及调试师傅”,入驻时间“2025年3月通过认证”。
2. 区域一:收入概览,两个数据卡片横向排列,卡片1大字突出“累计收入 ¥48,560”,卡片2“累计接单 328单”,卡片下方链接“查看收入明细 →”,收入数据醒目展示。
3. 区域二:收入明细列表,区域标题“近期收入”,列表展示2条记录:第一条,订单编号ZXH20260628001,服务类型智能锁安装,完成时间2026-06-28,本单佣金¥200,绿色标签“已结算”;第二条,订单编号ZXH20260625001,服务类型现场安装调试,完成时间2026-06-25,本单佣金¥800,橙色标签“待结算”。
4. 区域三:提现操作,区域标题“提现”,突出展示“可提现金额:¥12,350”,主色高亮“申请提现”按钮,入口链接“提现记录 →”,提现入口清晰。
5. 区域四:账户与设置,列表菜单形式,包含:“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”(初期预留)”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。
6. 区域五:个人信息编辑区,虚线框标注:“点击‘个人信息’后展开 ↓”,框内展示:姓名张建国(灰色,说明管理员维护不可修改)、手机号138****5678(灰色,管理员维护不可修改)、角色类型智能安装及调试师傅(管理员维护)、擅长品类标签组(管理员维护)、从业时间2016年(管理员维护)、居住城市上海(管理员维护)、服务区域上海市(管理员维护),底部按钮“申请修改个人信息”(提交后需管理员审核),明确区分管理员维护字段和师傅可申请修改字段。
预留功能用“敬请期待”标签示意,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。
创意 × 4
长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。 【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等): 第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标) 第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标) 每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口: 我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标) 所有图标区域白色背景,分组清晰。 【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。

【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等):
第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标)
第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标)
每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口:
我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标)

所有图标区域白色背景,分组清晰。

【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。 【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等): 第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标) 第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标) 每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口: 我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标) 所有图标区域白色背景,分组清晰。 【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。

【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等):
第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标)
第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标)
每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口:
我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标)

所有图标区域白色背景,分组清晰。

【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。 【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色: 第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标) 第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标) 每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口: 我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标) 所有图标区域白色背景,分组清晰,留白充足。 【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。

【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色:
第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标)
第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标)
每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口:
我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标)

所有图标区域白色背景,分组清晰,留白充足。

【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。 【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色: 第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标) 第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标) 每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口: 我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标) 所有图标区域白色背景,分组清晰,留白充足。 【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。

【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色:
第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标)
第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标)
每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口:
我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标)

所有图标区域白色背景,分组清晰,留白充足。

【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。