登入界面：
创建 src/views/login/index.vue 写入基本框架
然后在 src/router/index.js 中配置登录页的路由表
最后，访问 /login 查看是否能访问到登录页面。
布局结构：导航栏需要用到vant里面的导航栏 、 登入的表单需要用到vant里面的表单结构 还要在加上vant 里面的按钮
布局样式：原则是将公共样式写到全局（src/styles/index.less），将局部样式写到组件内部。
实现基本的登入功能：
根据接口绑定获取表单数据：在登录页面组件的实例选项 data 中添加 user 数据字段
在表单中使用 v-model 绑定对应数据
创建 src/api/user.js 封装请求方法
在登入界面中导入方法，调用方法，发送请求
登录状态提示 ：
使用了vant 里面的轻提示
表单的验证：
验证规则对象：用正则验证
验证按钮绑定事件
定义事件函数验证手机号
发送验证码是有一个时间的冷却的这边使用到了vant 中的倒计时组件 按钮绑定 点击发送验证码倒计时就开始显示
使用本地储存保存token
个人界面：
第一步：创建layout并配置路由 使用vant 中的Tabbar标签栏 然后将 layout 组件配置到一级路由
分别创建首页、问答、视频、我的页面组件
使用盒子 然后使用vant中的头像来导入头像 使用span来写入名字和日期 写入stley样式调整位置
在使用vant的宫格写作品、收藏、历史模块 在stley写入样式
小智同学等需要使用vant中的单元格导航 并使用icon图标写入