coderiver-org / coderiver-react-native Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
还原设计图
角色默认选中列表的第一个选项
点击角色,在页面下方弹出滚轮选择器。
点击白色右箭头按钮,进入下一步
还原设计图
输入昵称时,每检测到输入框字符串变化,延时 300ms 调用名字查重接口查询名字是否可用。可用则显示验证成功状态(见设计图),不可用则显示验证失败状态(缺少验证失败设计图,后期会补)
点击白色右箭头按钮,进入下一步。当验证失败时按钮仍可点击,但按钮会有抖动效果,提示用户修改昵称直至验证通过。验证通过之前不会进入下一步,通过之后进入下一个页面。
Story
应用启动用户看到的欢迎页
还原UI图,效果参照设计稿(Mobile)-欢迎页
展示欢迎页期间加载应用资源,定时3秒后跳转到主页
还原设计图
工作经验默认选中列表的第一个选项
点击工作经验,在页面下方弹出滚轮选择器。
点击白色右箭头按钮,进入个人中心页面
tab栏搭建
tab 栏 创建 效果菜单
页面搭建
页面布局展示卡片,header上面的 用户名以及 头像的展示
还原设计图
点击按钮跳转到对应页面
邮箱或手机号登录在一个页面,设计图需要调整。
输入用户名密码后,点击白色右箭头按钮,先本地检测邮箱/手机号格式是否正确,再检测密码格式是否正确,检测通过后再调用登录API,登录成功跳转到主页。
(验证失败的提示及设计图稍后补)
注册完进入个人中心页面
还原设计图(目前设计图把邮箱注册和手机号注册分开了,经讨论决定放到一个页面中。标题为:您的邮箱或手机号?提示语为输入邮箱/手机号。后期设计图会更新)
点击白色箭头按钮时,先检测邮箱/手机号格式是否正确,格式正确则调用API检测邮箱/手机号是否可用,格式不正确则按钮抖动并显示提示信息。API验证同理,验证可用进入下一步,不可用按钮抖动并显示提示信息。
(错误提示的设计图暂无,稍后会补上)
还原设计图
密码格式:6-18位(不能全是数字或字母)
检测到输入变化,延时300ms验证密码格式是否正确。
验证两次输入密码是否一致。
密码默认不明文显示,点击输入框上面的“显示”按钮时,明文显示密码,此时文字“显示”变为“隐藏”。点击“隐藏”按钮时,密码用点表示。
点击白色箭头按钮,如前面验证通过则进入下一步,验证不通过则按钮抖动并显示提示信息
错误提示设计图稍后补上。
第三方账号授权登录
支持 GitHub、微信、新浪微博授权登录
第一次授权登录成功后,跳转到选择角色和工作经验页面,选择完后进入主页
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.