T1 用户小程序

UI 设计预览

页面数量: 25个
设计风格: 现代简约
技术栈: HTML + Tailwind CSS
终端: 移动端

设计说明

核心特性

  • • 移动端优先设计 (最大宽度 480px)
  • • 蓝色主题 (#3B82F6)
  • • 完整的租借流程
  • • 丰富的会员体系
  • • 优惠券营销系统

功能模块

  • • 首页找桩 附近网点、设备详情
  • • 租借流程 扫码租借、归还结算
  • • 个人中心 信息管理、会员服务
  • • 钱包充值 余额管理、充值提现

页面列表

1 首页找桩

首页地图找桩

T1-01

地图

LBS定位、附近网点列表

设备详情页

T1-02

详情

柜机详情、可用设备数量

2 租借流程

扫码解析页

T1-03

扫码

扫描二维码、手动输入

租借确认页

T1-04

确认

设备信息、计费规则

租借中页面

T1-05

租借

实时计时、当前费用

归还成功页

T1-06

归还

归还确认、费用结算

归还失败页

T1-07

异常

归还失败、错误提示

买断确认页

T1-08

买断

设备买断、支付确认

3 个人中心

个人中心

T1-09

中心

用户信息、功能入口

4 钱包充值

我的钱包

T1-10

钱包

余额显示、充值入口

充值页面

T1-11

充值

金额选择、支付方式

押金退还页

T1-12

押金

押金状态、退还申请

5 订单管理

我的订单列表

T1-13

列表

订单筛选、状态分类

订单详情页

T1-14

详情

设备信息、费用明细

6 会员中心

会员中心

T1-15

会员

会员等级、权益展示

会员卡购买页

T1-16

购买

会员套餐、权益对比

会员权益详情

T1-17

权益

权益列表、使用说明

7 帮助设置

帮助与客服

T1-18

帮助

常见问题、在线客服

智能客服对话

T1-19

对话

AI客服对话、快捷问题

问题反馈页

T1-20

反馈

问题分类、描述填写

消息通知

T1-23

通知

系统通知、订单消息

设置页面

T1-24

设置

账号安全、通知设置

关于我们

T1-25

关于

品牌介绍、版本信息

8 优惠券

优惠券列表

T1-21

列表

可用券、已用券、已过期

领券中心

T1-22

领券

限时抢券、新人券

使用说明

T1 用户小程序 UI 设计预览

生成时间: 2024年1月