UI细节与文案规范
从携程官网页面获取文本内容
1. 概述 (Overview)
本页面是项目的“UI 细节与文案风格指南”，集中定义了所有面向用户的表单校验规则、错误提示、确认信息和其他系统消息。其目的是确保整个应用的用户体验和“语调”保持高度一致、专业和清晰。
2. 全局消息与文案 (Global Messages & Copy)
此处定义适用于整个应用的通用消息。
2.1 通用反馈提示 (General Feedback Toasts)
| 场景 (Scenario) | 类型 (Type) | 消息文本 (Message Text) |
|---|---|---|
| 通用网络错误 | Error | 网络连接失败，请检查您的网络后重试。 |
| 通用服务端错误 | Error | 服务器开小差了，请稍后再试。 |
| 通用成功操作 | Success | 操作成功 |
3. 按功能模块划分的 UI 细节
此处按功能模块组织具体的校验规则和文案。
3.1 用户模块 (User Module)
3.1.1 用户注册 (User Registration)
-
表单字段校验规则:
字段 (Field) 校验规则 (Validation Rule) 错误提示文本 (Error Message) 手机号 必填 请输入手机号手机号 必须符合11位数字格式 手机号格式不正确，请重新输入短信验证码 必填 请输入短信验证码短信验证码 必须为6位数字 请输入正确的验证码 -
人机验证:
场景 (Scenario) 提示文本 (Message Text) 点击"发送验证码"后弹出的滑块验证 滑动以完成拼图 -
协议相关:
元素 (Element) 文案内容 (Text Content) 协议弹窗标题 携程用户注册协议和隐私政策同意按钮 同意并继续不同意按钮 不同意
无法获取
- 手机号已被注册的提示: 需要使用已注册的真实手机号才能触发
- 验证码错误或已失效的提示: 需要真实的验证码才能测试
- 未勾选用户协议的提示: 携程在点击"同意并继续"后才显示注册表单,无法测试此场景
- 密码设置相关的所有校验规则: 需要先通过手机验证码验证才能进入密码设置步骤
- 两次密码不一致的提示: 需要先通过手机验证码验证才能进入密码设置步骤
3.1.2 用户登录 (User Login)
-
账号密码登录模式 - 表单字段校验规则:
字段 (Field) 校验规则 (Validation Rule) 错误提示文本 (Error Message) 账户 必填 请输入用户名密码 必填 请输入登录密码 -
协议相关:
场景 (Scenario) 错误提示文本 (Error Message) 未勾选用户协议 请先阅读并勾选协议
无法获取
- 账户格式错误的提示: 携程在前端未对账户格式进行校验,只在提交后由服务器返回
- 账户或密码错误的提示: 需要真实的账户和密码才能测试
- 账户不存在的提示: 需要真实的不存在账户才能测试
- 验证码登录模式的所有校验规则: 点击"验证码登录"后页面未切换,可能需要特定条件触发
3.1.3 个人信息管理 (Personal Information Management)
无法获取
- 所有表单字段校验规则: 需要登录真实账户才能访问个人信息管理页面
- 保存成功的提示: 需要登录真实账户才能测试
3.1.4 常用旅客管理 (Traveler Management)
无法获取
- 所有表单字段校验规则: 需要登录真实账户才能访问常用旅客管理页面
- 添加旅客成功的提示: 需要登录真实账户才能测试
- 删除旅客的二次确认弹窗: 需要登录真实账户才能测试
3.1.5 密码修改 (Password Change)
无法获取
- 所有表单字段校验规则: 需要登录真实账户才能访问密码修改页面
- 原密码错误的提示: 需要登录真实账户才能测试
- 新密码与原密码相同的提示: 需要登录真实账户才能测试
- 两次新密码不一致的提示: 需要登录真实账户才能测试
- 密码修改成功的提示: 需要登录真实账户才能测试
3.1.6 忘记密码 (Forgot Password)
无法获取
- 所有表单字段校验规则: 携程的忘记密码流程与注册流程类似,需要真实手机号和验证码
- 手机号未注册的提示: 需要使用未注册的真实手机号才能触发
- 验证码错误或失效的提示: 需要真实的验证码才能测试
- 密码重置成功的提示: 需要完成整个重置流程才能看到
3.2 机票模块 (Flight Module)
3.2.1 航班首页搜索 (Flight Homepage Search)
无法获取
- 所有表单字段校验规则: 携程的航班搜索页面在前端未进行严格的字段校验,出发地、目的地、日期等字段即使为空也可以点击搜索按钮,页面会自动使用默认值(如当前定位城市作为出发地)
- 出发地必填的提示: 页面允许使用默认值,未触发此提示
- 目的地必填的提示: 页面允许使用默认值,未触发此提示
- 出发日期不能早于今天的提示: 日期选择器默认禁用过去日期,无法选择
- 返程日期早于出发日期的提示: 需要在往返模式下测试,但页面未显示明显的错误提示
3.2.2 航班搜索结果页 (Flight Search Results)
无法获取
- 所有相关UI文案: 需要先完成航班搜索才能访问结果页面
- 筛选条件相关的提示: 需要访问搜索结果页面才能测试
3.2.3 航班预订 (Flight Booking)
无法获取
- 所有表单字段校验规则: 需要先选择航班并进入预订页面才能测试
- 乘机人信息相关的所有校验提示: 需要进入预订页面才能测试
- 联系人信息相关的所有校验提示: 需要进入预订页面才能测试
- 提交订单成功的提示: 需要完成整个预订流程才能看到
3.3 订单模块 (Order Management)
3.3.1 订单列表与筛选 (Order List & Filtering)
无法获取
- 所有相关UI文案: 需要登录真实账户并拥有订单才能访问订单列表页面
- 订单筛选相关的提示: 需要访问订单列表页面才能测试
3.3.2 订单详情与操作 (Order Details & Actions)
无法获取
- 所有相关UI文案: 需要登录真实账户并拥有订单才能访问订单详情页面
- 取消订单的二次确认弹窗: 需要有未支付的订单才能测试
- 申请退款的二次确认弹窗: 需要有已支付的订单才能测试
- 订单取消成功的提示: 需要完成取消流程才能看到
3.4 支付模块 (Payment Module)
3.4.1 支付页面 (Payment Page)
无法获取
- 所有相关UI文案: 需要先创建订单才能访问支付页面
- 支付方式选择相关的提示: 需要访问支付页面才能测试
- 支付成功的提示: 需要完成支付流程才能看到
- 支付失败的提示: 需要模拟支付失败场景才能看到
3.4.2 退款处理 (Refund Processing)
无法获取
- 所有相关UI文案: 需要先有已支付的订单并申请退款才能测试
- 退款成功的提示: 需要完成退款流程才能看到
- 退款失败的提示: 需要模拟退款失败场景才能看到