login.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <!-- 引入样式 -->
  8. <link rel="stylesheet" href="../styles/element-ui@2.15.9.css" />
  9. <link rel="stylesheet" href="./styles/login.css" />
  10. <!-- 引入js -->
  11. <script src="../libs/vue@2.7.10.js"></script>
  12. <script src="../libs/datav.min.js"></script>
  13. <script src="../libs/element-ui@2.15.9.js"></script>
  14. </head>
  15. <body>
  16. <div id="app">
  17. <dv-full-screen-container>
  18. <div class="main">
  19. <span class="title">国有资本数智化平台人力资源系统</span>
  20. <div class="login">
  21. <div>平 台 登 录</div>
  22. <div class="card">
  23. <div class="" style="margin-bottom: 20px;">
  24. <img src="./images/accounts.png" alt="" >
  25. <el-input v-model="accounts" placeholder="请输入用户名" style="width:80%"></el-input>
  26. </div>
  27. <div class="">
  28. <img src="./images/password.png" alt="" >
  29. <el-input type="password" v-model="password" placeholder="请输入密码" style="width:80%"></el-input>
  30. </div>
  31. </div>
  32. <div type="primary" class="loginButton" @click="goIndex">登录</div>
  33. </div>
  34. </div>
  35. </dv-full-screen-container>
  36. </div>
  37. <script src="./js/login.js"></script>
  38. </body>
  39. </html>