携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情
上一篇文章中，我们完成了没有账号通过手机号注册的这个页面，这次我们将完成已有账号去登录这个页面。
- 首先，页面的基本样式如下图所示：
- 具体的页面布局就是顶部一个叉号用来关闭该页面，然后一个上箭头用来返回上一个手机号注册的页面，然后下面一个view容器来提示没有账号，去注册。然后注册表单就是左边一个view容器内容为“账号”，右边一个input输入框，用来填写手机号或者昵称或者密码，然后通过v-model双向数据绑定来获取用户输入的数据，用来通过正则判断是否合格，然后下面两个view容器flex布局，justify-content: center;align-items: center;排布.
- 然后下面一个button按钮，点击即可登录，这里我设置了loading，2秒后才可以登录成功，从而跳转到主页面并且showToast,提醒用户登录成功，然后我的页面的登录按钮里面的内容即显示为您已登录，请勿重复登录，并且将这个按钮禁用，最后就是一条分割线以及微信微博QQ着三个logo,三个logo功能暂时不完成，三个图标通过justify-content: center;即可均匀分布，并且下面的微信登录等文字通过 align-items: center;即可跟着图标居中显示，
