手机端使用介绍

手机端使用介绍

用户端 H5 · 手机浏览器 / 微信内访问

用户端 H5 面向租车用户,底部导航为首页、分类、租车、购物车、我的。本文按实际界面截图,介绍登录、首页浏览、分类选车与活动报名等常用操作。下单支付与取车核销请见租赁流程指南,个人中心请见会员中心指南

一、登录与进入系统

打开用户端后进入登录页,可手机号密码登录、微信登录,或暂不登录先浏览。

智慧车辆租赁登录页
图 1:登录页 — 智慧车辆租赁 / 自行车智慧租赁

页面说明:

1. 输入手机号、密码,点击绿色「登录」按钮。

2. 或点击「微信登录」快捷授权登录。

3. 无账号可点「注册账号」;忘记密码可点「忘记密码?」。

4. 点击底部「暂不登录,先逛逛」可游客模式浏览首页。

二、首页浏览

登录或游客进入后,默认打开首页 Tab,可切换门店、搜索车辆、查看 Banner 与热门推荐。

用户端首页
图 2:首页 — 当前门店、搜索、Banner 与热门推荐
  • 顶部门店:显示当前取车门店(如「车星雅集 · 总店」),点击可切换
  • 搜索栏:占位文案「搜索车辆、品牌、类型」
  • Banner:「自由骑行 探索城市美好」,可点「立即租车」
  • 快捷入口:全部分类、热租榜单、优惠活动、骑行路线、使用帮助
  • 热门推荐:如捷安特 ATX 830(¥39/天起)、闪电 Allez Sport(¥59/天起)、永久城市通勤(¥29/天起)
  • 限时优惠:Banner 区展示周末特惠等活动

切换取车门店

点击首页顶部门店名称,弹出「选择取车门店」面板,列表按距离排序。

选择取车门店
图 3:选择取车门店 — 广州总店 / 北京店 / 成都店
  • 每家门店显示地址、电话、营业时间(如总店 09:00–21:00)
  • 选中门店带绿色边框与勾选标记,确认后首页商品与库存按该门店展示

三、分类选车

底部点击「分类」进入全部分类页,左侧为车型分类,右侧展示对应车型入口。

全部分类页
图 4:全部分类 — 左侧分类导航,右侧车型列表
  • 左侧分类:全部、山地车、公路车、城市通勤、折叠车、电动自行车、儿童自行车、配件周边
  • 右侧卡片:展示各分类名称、适用场景说明及「X 款车型」数量
  • 顶部 Banner 文案:「多种车型 随心选择 · 分时预约 · 随租随还」

分类商品列表

进入某一分类(如山地自行车)后,可按综合、销量、价格排序,点击车辆卡片进入详情。

山地自行车列表
图 5:山地自行车列表 — 捷安特 ATX 830,¥39/天,热租标签
  • 顶部下拉当前分类「山地自行车」,右侧有搜索图标
  • 排序 Tab:综合、销量(当前选中)、价格、筛选
  • 列表展示车辆图、名称、规格(27 速 · 山地车 · 铝合金)、日租价与购物车按钮

四、车辆详情

点击车辆卡片进入详情页,可切换按时/按天租期、选择时长,底部显示应付金额与「立即租车」。

车辆详情页
图 6:车辆详情 — 捷安特 ATX 830,按小时租,6 小时选中

页面要点:

1. 价格:¥2/时、¥39/天,押金 ¥500,评分 4.8(10 人评价)。

2. 标签:捷安特、山地车、可租 2 辆。

3. 租期:切换「按小时 / 按天」,选择 2 / 4 / 6 / 8 小时等时长。

4. 底部显示合计(如 ¥9.78,按 ¥1.63/时 × 6 小时),点击「立即租车」进入租赁确认

五、骑行活动详情

从首页「优惠活动」等入口进入活动详情页,可查看活动介绍并在线报名。

活动详情页
图 7:活动详情 — 新手骑行体验营,报名中
  • 活动名称:新手骑行体验营,状态「报名中」
  • 参与人数:19 / 40 人参与
  • 地点:越秀公园
  • 时间:6 月 16 日 10:00 – 12:00
  • 活动介绍:零基础友好,提供车辆与护具,专业教练带队入门
  • 底部绿色按钮「立即报名」提交参与

六、底部导航说明

  • 首页:Banner、热门推荐、门店切换、搜索(见图 2)
  • 分类:全部分类与车型列表(见图 4、图 5)
  • 租车:租赁订单管理,含待取车核销码(见租赁流程指南
  • 购物车:多车加入购物车,支持合并结算
  • 我的:个人中心、押金、设置(见会员中心指南