elementUI登录框

<template>

  <div class="login">      

    <el-card class="box-card" style="width:650px;height:370px;border-color: #0097de;background-color: #0097de; margin-left: 30%;">

        <h2 align="center">项目管理系统</h2>

    <el-card class="heard-card" >            

      <el-Row :gutter="140">

        <el-Col span="10">

           <el-Card dis-hover

            :bordered="true"

            class="left-card"                            

            >  

          <div class="company"></div>  

           </el-Card>  

        </el-Col>

        <el-Col span="14">

      <el-Card dis-hover

            :bordered="true"

            class="right-card"                            

            >          

     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">  

      <el-form-item prop="username">

        <el-input  style="width: 250px;"

          v-model="loginForm.username"

          type="text"

          auto-complete="off"

          placeholder="账号"

        >

          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

        </el-input>

      </el-form-item>

      <el-form-item prop="password">

        <el-input  style="width: 250px"

          v-model="loginForm.password"

          type="password"

          auto-complete="off"

          placeholder="密码"

          @keyup.enter.native="handleLogin"

        >

          <svg-icon slot="prefix" icon-class="password"