login.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>登录</title>
  7. <link rel="stylesheet" href="./elementUI/theme-chalk/index.css">
  8. <style>
  9. </style>
  10. </head>
  11. <body>
  12. <div id="app" v-cloak>
  13. <div class="content">
  14. <div class="left"></div>
  15. <div class="right">
  16. <div class="login-form">
  17. <div class="login-form-title">欢迎登录知识图谱平台</div>
  18. <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleFormRef" label-width="0px"
  19. class="demo-ruleForm">
  20. <el-form-item label="" prop="username">
  21. <el-input type="username" v-model.trim="ruleForm.username" autocomplete="off" placeholder="请输入账号">
  22. <i slot="prefix" class="icon-username"></i>
  23. </el-input>
  24. </el-form-item>
  25. <el-form-item label="" l prop="password">
  26. <el-input type="password" v-model.trim="ruleForm.password" autocomplete="off" placeholder="请输入密码">
  27. <i slot="prefix" class="icon-password"></i>
  28. </el-input>
  29. </el-form-item>
  30. <el-form-item label="" prop="captcha" class="captcha">
  31. <el-input class="input-captcha" v-model.trim="ruleForm.captcha" placeholder="请输入验证码"></el-input>
  32. <img :src="captchaUrl" alt="验证码">
  33. </el-form-item>
  34. <el-form-item>
  35. <el-button type="primary" @click="handleSubmitForm" class="submit"><span>登录</span></el-button>
  36. <div class="other clearfix">
  37. <span class="forgot-password">忘记密码?</span>
  38. <span class="sign-up">立即注册</span>
  39. <span class="no-account">还没账号?</span>
  40. </div>
  41. </el-form-item>
  42. </el-form>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="copyright">Copyright © 2019-2024 浙大启真未来城市科技(杭州)有限公司</div>
  47. </div>
  48. </body>
  49. <script>
  50. </script>
  51. </html>