未输入用户名为禁用状态，输入用户名切换为可点击状态。点击后校验用户名是否唯一，校验失败弹出toast“该用户名已被注册”；校验成功进入选择感兴趣图片分类页4.2.5

4.2.3 注册页

页面序号逻辑：

① 点击校验手机号格式

手机号已注册，弹出toast“该手机号已经存在”

手机号格式不正确，弹出toast“手机号格式错误”

手机号无误，点击发送验证码，进入120s倒计时，文本变为“X s后重试”，倒计时结束后恢复发送验证码状态

② 点击进入《图虫用户协议和隐私条款》[略]

③ 输入项有一项为空注册按钮为禁用状态，全部输入后变为可用状态。点击按照用户名、密码、手机号、验证码的顺序校验。以下为校验失败提醒。

用户名：用户名重复，弹出toast“该用户名已存在”

密码：密码<6位，密码框上红字提示“密码长度至少6位”

手机号：手机号已注册，弹出toast“该手机号已经存在”；手机号格式不正确，弹出toast“手机号格式错误”

验证码：验证码位数不对，验证码框上红字提示“验证码位数不正确”；验证码错误，弹出toast“短信验证码错误”

所有项校验成功点击进入选择感兴趣图片分类页4.2.5

4.2.4 登录页

页面序号逻辑：

点击忘记密码进入密码找回页[略]

登陆：输入框有一项为空时为禁用状态，全部输入变为可用。点击校验用户名、密码，校验成功进入首页4.4

4.2.5 选择感兴趣图片分类页

页面序号逻辑：

编辑推荐的标签分类，选择后打钩

选中任何分类弹出；分类至少选择3个；每选择一个文本中数字减1；选择3个或以上时文本变为“完成”；点击完成进入首页4.4

其他说明：此页面选择的分类标签存储在用户订阅的标签中

4.3 发布图博页

4.3.1 选择照片

页面序号逻辑：

未选择图片时为禁用状态，选择后可用，点击进入图博编辑页

点击校验图片宽高比，1:5<宽高比<5:1。若不满足要求选择失败弹出toast“图片宽高比不能大于5:1或小于1:5，换一张试试”；符合要求选择成功

点击进入页面2

点击选中显示照片大小，1M以下以K为单位，1M及以上以M为单位

其他说明：最多选择30张图片，选择第31张图片时弹出toast“最多只能上传30张图片”

4.3.2 图博编辑

页面序号逻辑：

① 发布

无图片时为禁用状态，有图片时可用

点击后若未添加标签，弹出alert“添加标签可以让更多人发现你的作品，不添加标签就发布吗？”

发布后进入首页-关注，并展示发布的图博

② 点击删除照片

③ 点击进入右边页面

④ 点击进入选择照片

⑤ 点击弹出输入标签窗口

⑥ 点击添加标签，添加的标签进入到“输入标签”右边

4.3.3 输入标签

页面序号逻辑：