线框图

登录模块

本页按登录方式拆成独立流程行展示。每种登录方式单独成行，复用页直接出现在对应流程里，不再靠跳转注释表达。

1

共用规则

所有登录入口都受协议勾选约束，未勾选时点击任意按钮，统一提示“请先同意协议”。

这类逻辑保留在左侧注释区，不直接写进手机界面。

3

流程01 注释

默认主入口。若运营商取号失败，自动降级到短信验证码校验页。

4

流程02 注释

点击“忘记密码”后进入手机号找回页，再进入验证码页，最后进入设置新密码页。

5

流程03 注释

需要先填写手机号，再进入短信验证码校验页。

6

流程04 注释

微信授权无独立页面。已绑定手机号则直接进首页；未绑定时进入绑定手机号页，再进入验证码页。

流程01

本机号码一键登录

页面0101

一键登录页

9:41
5G
LOGO

欢迎来到 Hip-hop

同城演出、内容社区、找 Homie

188****8888
账号密码登录 其他手机号登录
取号失败

页面0102

验证码页

9:41
5G
短信校验

输入验证码

验证码已发送至 188****8888

+86 188****8888
请输入 4-6 位数字验证码
图形 / 滑块验证

重新获取验证码（60s）

流程02

账号密码登录 / 找回密码

页面0201

账号密码登录页

9:41
5G
LOGO

账号密码登录

请输入账号 ID
请输入密码
忘记密码
本机号码一键登录 手机号登录
忘记密码

页面0202

找回密码手机号页

9:41
5G
找回密码

填写手机号

请输入已绑定账号的手机号

+86 请输入手机号
短信校验

页面0203

验证码页

9:41
5G
短信校验

输入验证码

验证码已发送至 130****1995

+86 130****1995
请输入 4-6 位数字验证码
图形 / 滑块验证

重新获取验证码（60s）

设置新密码

页面0204

输入新密码页

9:41
5G
设置新密码

输入新密码

请设置 8-20 位新密码

请输入新密码
请再次输入新密码

流程03

其他手机号登录

页面0301

手机号登录页

9:41
5G
LOGO

其他手机号登录

+86 请输入手机号
账号密码登录 本机号码一键登录
短信校验

页面0302

验证码页

9:41
5G
短信校验

输入验证码

验证码已发送至 130****1995

+86 130****1995
请输入 4-6 位数字验证码
图形 / 滑块验证

流程04

微信登录

页面0401

绑定手机号页

9:41
5G

绑定手机号

微信授权完成后，需补充手机号

+86 请输入手机号
短信校验

页面0402

验证码页

9:41
5G
短信校验

输入验证码

验证码已发送至 130****1995

+86 130****1995
请输入 4-6 位数字验证码
图形 / 滑块验证