coderiver-org / coderiver-react-native Goto Github PK

1. 还原设计图

2. 角色默认选中列表的第一个选项

3. 点击角色，在页面下方弹出滚轮选择器。

4. 点击白色右箭头按钮，进入下一步

1. 还原设计图

2. 输入昵称时，每检测到输入框字符串变化，延时 300ms 调用名字查重接口查询名字是否可用。可用则显示验证成功状态（见设计图），不可用则显示验证失败状态（缺少验证失败设计图，后期会补）

3. 点击白色右箭头按钮，进入下一步。当验证失败时按钮仍可点击，但按钮会有抖动效果，提示用户修改昵称直至验证通过。验证通过之前不会进入下一步，通过之后进入下一个页面。

Story

应用启动用户看到的欢迎页

• 还原UI图，效果参照设计稿（Mobile）-欢迎页

• 展示欢迎页期间加载应用资源，定时3秒后跳转到主页

1. 还原设计图

2. 工作经验默认选中列表的第一个选项

3. 点击工作经验，在页面下方弹出滚轮选择器。

4. 点击白色右箭头按钮，进入个人中心页面

• tab栏搭建

• tab 栏 创建 效果菜单

• 页面搭建

• 页面布局展示卡片，header上面的 用户名以及 头像的展示

• 还原设计图

• 点击按钮跳转到对应页面

• 按照设计图完成注册页面和流程
• 注册采用渐进的方式，一步步引导用户填写信息

（设计图后期可能稍有改动，以具体Task描述为准）

• [填写昵称页面 #10

• 填写邮箱/手机号页面 #11

• 填写密码页面 #12

• 选择角色页面 #13

• 选择工作经验页面 #14

• 注册完进入个人中心页面 #15

1. 邮箱或手机号登录在一个页面，设计图需要调整。

2. 输入用户名密码后，点击白色右箭头按钮，先本地检测邮箱/手机号格式是否正确，再检测密码格式是否正确，检测通过后再调用登录API，登录成功跳转到主页。

（验证失败的提示及设计图稍后补）

3. 密码校验规则：6-18位（不能全是数字或字母）

注册完进入个人中心页面

1. 还原设计图（目前设计图把邮箱注册和手机号注册分开了，经讨论决定放到一个页面中。标题为：您的邮箱或手机号？提示语为输入邮箱/手机号。后期设计图会更新）

2. 点击白色箭头按钮时，先检测邮箱/手机号格式是否正确，格式正确则调用API检测邮箱/手机号是否可用，格式不正确则按钮抖动并显示提示信息。API验证同理，验证可用进入下一步，不可用按钮抖动并显示提示信息。

（错误提示的设计图暂无，稍后会补上）

1. 还原设计图

2. 密码格式：6-18位（不能全是数字或字母）

3. 检测到输入变化，延时300ms验证密码格式是否正确。

4. 验证两次输入密码是否一致。

5. 密码默认不明文显示，点击输入框上面的“显示”按钮时，明文显示密码，此时文字“显示”变为“隐藏”。点击“隐藏”按钮时，密码用点表示。

6. 点击白色箭头按钮，如前面验证通过则进入下一步，验证不通过则按钮抖动并显示提示信息

7. 错误提示设计图稍后补上。

第三方账号授权登录

• 支持 GitHub、微信、新浪微博授权登录

• 第一次授权登录成功后，跳转到选择角色和工作经验页面，选择完后进入主页