先说一些题外话哈：看到好多伙伴的留言，楼主最近怎么不更新文章啦，跑哪里去了？有的宝宝还加了我的QQ、微信找到我，咨询一些问题，亚茹心里很说高兴；我想告诉大家亚茹宝宝没有消失，是因为最近自己发现了一些新鲜玩意，一直在研究，再加上工作方面有的时候会比较忙，就没有更新文章，不过我今天想说的是时隔1年零9个月的我回归了，哈哈哈，好了废话完毕，直接进入主题吧。

这篇文章会偏向于交互一些，我会结合线框图和文字给大家一一分解整理：

①先给大家说一下，小小的输入框有啥学问：

   输入框的3种状态：

   A：默认状态：无论在任何情况下，输入框都要有默认的提示文字(一般情况下此时提示文字的颜色值是浅色的)，这个要根据具体的场景用到的是什么样的界面

   B：输入状态：当手指指向输入框时，光标闪烁，提示文字消失

   C：输入文字后的状态：一般在此时提示文字的颜色值是深色的，后面会有【清除图标】出现

②登录界面（初次进入登录界面）

  A：初始状态下，无头像，无输入任何账号、密码信息

  B：登录按钮不可点击，在此我想说下【登录】按钮在此界面可以有2种表达方式：

       B1：未输入信息时，按钮未灰色，不可点击，直到所有必填项的都填写完成后，登录按钮才高亮显示

       B2：未输入信息时，按钮呈现高亮颜色，可点击，但是当点击按钮时，若必填项未填写，则会对应的给出提示：

              例如：当密码未填写时，点击【登录】按钮，给出对于提示：您还未输入密码

注意：这个界面主要是在输入手机号时，判断是否注册过某平台以及是否在该平台上面传过头像

注意：这个界面主要是在输入账号(这里假如是用手机号登录)、密码后的一些小交互

③登录界面（退出已有账号再次进入登录界面）

注意：这个界面主要是想说明已经登录过平台，然后退出账号，再次进入登录界面，则会记住该用户的头像和账号。

④登录界面（若有多个账号登录过）

注意：这个界面主要是有多个账号登录过，截图上面的箭头没有显示出来，其实那个手机号后面的框框就代表箭头，你们讲究着看哈

注意：点击箭头选择曾经登录过的账号，然后其余的就一次类推即可。

好啦，给你们唠叨了半天，希望对你们有帮助哟~