forget.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Forget</title>
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <meta name="full-screen" content="yes" />
  8. <meta name="x5-fullscreen" content="true" />
  9. <meta
  10. name="viewport"
  11. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
  12. />
  13. <link rel="stylesheet" href="css/element-ui.css" />
  14. <link rel="stylesheet" href="css/element@2.12.2.css" />
  15. <link rel="stylesheet" href="css/index.css" />
  16. <style>
  17. .pwd {
  18. text-align: left;
  19. padding-left: 20px;
  20. }
  21. .pwd li {
  22. list-style-type: disc;
  23. /*height: 20px;*/
  24. line-height: 20px;
  25. color: #979797;
  26. }
  27. .pwd .fit {
  28. color: #4cb01a;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div class="container" id="forget">
  34. <div class="Va-document">
  35. <div class="title-head">
  36. <i class="el-icon-lock"></i>
  37. <span>{{lang.item1}}</span>
  38. </div>
  39. <div class="content-info">
  40. <div style="display: flex; justify-content: flex-end">
  41. <div class="menu-logo chooseLang">
  42. <img
  43. v-if="langList[language] == 'ENGLISH'"
  44. style="width: 15px; height: 10px; margin: 0 4px"
  45. src="img/EN.jpg"
  46. alt=""
  47. />
  48. <img
  49. v-if="langList[language] == '中文简体'"
  50. style="width: 15px; height: 10px; margin: 0 4px"
  51. src="img/CN.jpg"
  52. alt=""
  53. />
  54. <el-dropdown trigger="click" @command="chooseLang">
  55. <span class="menu">
  56. {{langList[language]}}
  57. <i class="el-icon-arrow-down el-icon--right"></i>
  58. </span>
  59. <el-dropdown-menu slot="dropdown">
  60. <el-dropdown-item command="en">English</el-dropdown-item>
  61. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  62. </el-dropdown-menu>
  63. </el-dropdown>
  64. </div>
  65. </div>
  66. <div class="logo">
  67. <img
  68. width="160px"
  69. style="display: block; margin: 25px auto"
  70. src="img/logo.jpg"
  71. />
  72. </div>
  73. <el-form
  74. :model="params"
  75. :rules="rules"
  76. ref="params"
  77. label-width="0"
  78. class="form"
  79. style="max-width: 450px; margin: 50px auto"
  80. >
  81. <el-form-item prop="password" style="margin-bottom: 10px">
  82. <el-input
  83. show-password
  84. class="m-input"
  85. v-model="params.password"
  86. :placeholder="lang.item3"
  87. ></el-input>
  88. </el-form-item>
  89. <el-form-item prop="password1">
  90. <el-input
  91. show-password
  92. class="m-input"
  93. v-model="params.password1"
  94. :placeholder="lang.item4"
  95. ></el-input>
  96. </el-form-item>
  97. <el-form-item>
  98. <ul class="pwd">
  99. <li :class="{ fit: rule1 }">{{lang.st1}}</li>
  100. <li :class="{ fit: rule2 }">{{lang.st2}}</li>
  101. <li :class="{ fit: rule3 }">{{lang.st3}}</li>
  102. </ul>
  103. </el-form-item>
  104. <el-form-item>
  105. <el-button
  106. style="width: 100%"
  107. type="primary"
  108. class="s-btn"
  109. @click="send"
  110. >{{lang.btn}}</el-button
  111. >
  112. </el-form-item>
  113. </el-form>
  114. </div>
  115. </div>
  116. </div>
  117. <script src="js/vue.min.js"></script>
  118. <script src="js/axios.min.js"></script>
  119. <script src="js/element-ui.js"></script>
  120. <script src="js/element@2.12.2.js"></script>
  121. <script src="js/forget.js"></script>
  122. </body>
  123. </html>