后台管理系统Login 页面（部分）

重点了解：

validate

对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise

Function(callback: Function(boolean, object))

required

是否必填，如不设置，则会根据校验规则自动生成

boolean

rules

表单验证规则

object

—

目录

1.在最上层有三个div，第一个是给大的背景，第二个是给 登录界面的上去样式，第三个div 是给图片

2.给最大的div ，login_container背景颜色及高度

3. 给登录界面的盒子响应的样式，宽高 背景颜色等等

4.给头像图片样式

5.复制element 官网 , 并且给:model 命名：loginForm

 6以下为方法：data（）{}

7.为methods的方法，如何axios 携带token ？sessionStorage.setItem("Authorization",Authorization)

---

思路：

1.在最上层有三个div，第一个是给大的背景，第二个是给 登录界面的上去样式，第三个div 是给图片

 <div class="login_container">
    <div class="login_box">
      <!-- 头像 -->
      <div class="avatar_box">
        <img src="../assets/logo.png" alt="" />
      </div>
      <div>

2.给最大的div ，login_container背景颜色及高度

.login_container {
  background-color: #2b5b6b;
  height: 100%;
}

3. 给登录界面的盒子响应的样式，宽高 背景颜色等等

.login_box {
  width: 450px;
  height: 300px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

4.给头像图片样式

  .avatar_bo