| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <title>Forget</title>
- <meta http-equiv="X-UA-Compatible" content="ie=edge" />
- <meta name="full-screen" content="yes" />
- <meta name="x5-fullscreen" content="true" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
- />
- <link rel="stylesheet" href="css/element-ui.css" />
- <link rel="stylesheet" href="css/element@2.12.2.css" />
- <link rel="stylesheet" href="css/index.css" />
- <style>
- .pwd {
- text-align: left;
- padding-left: 20px;
- }
- .pwd li {
- list-style-type: disc;
- /*height: 20px;*/
- line-height: 20px;
- color: #979797;
- }
- .pwd .fit {
- color: #4cb01a;
- }
- </style>
- </head>
- <body>
- <div class="container" id="forget">
- <div class="Va-document">
- <div class="title-head">
- <i class="el-icon-lock"></i>
- <span>{{lang.item1}}</span>
- </div>
- <div class="content-info">
- <div style="display: flex; justify-content: flex-end">
- <div class="menu-logo chooseLang">
- <img
- v-if="langList[language] == 'ENGLISH'"
- style="width: 15px; height: 10px; margin: 0 4px"
- src="img/EN.jpg"
- alt=""
- />
- <img
- v-if="langList[language] == '中文简体'"
- style="width: 15px; height: 10px; margin: 0 4px"
- src="img/CN.jpg"
- alt=""
- />
- <el-dropdown trigger="click" @command="chooseLang">
- <span class="menu">
- {{langList[language]}}
- <i class="el-icon-arrow-down el-icon--right"></i>
- </span>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="en">English</el-dropdown-item>
- <el-dropdown-item command="cn">中文简体</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </div>
- </div>
- <div class="logo">
- <img
- width="160px"
- style="display: block; margin: 25px auto"
- src="img/logo.jpg"
- />
- </div>
- <el-form
- :model="params"
- :rules="rules"
- ref="params"
- label-width="0"
- class="form"
- style="max-width: 450px; margin: 50px auto"
- >
- <el-form-item prop="password" style="margin-bottom: 10px">
- <el-input
- show-password
- class="m-input"
- v-model="params.password"
- :placeholder="lang.item3"
- ></el-input>
- </el-form-item>
- <el-form-item prop="password1">
- <el-input
- show-password
- class="m-input"
- v-model="params.password1"
- :placeholder="lang.item4"
- ></el-input>
- </el-form-item>
- <el-form-item>
- <ul class="pwd">
- <li :class="{ fit: rule1 }">{{lang.st1}}</li>
- <li :class="{ fit: rule2 }">{{lang.st2}}</li>
- <li :class="{ fit: rule3 }">{{lang.st3}}</li>
- </ul>
- </el-form-item>
- <el-form-item>
- <el-button
- style="width: 100%"
- type="primary"
- class="s-btn"
- @click="send"
- >{{lang.btn}}</el-button
- >
- </el-form-item>
- </el-form>
- </div>
- </div>
- </div>
- <script src="js/vue.min.js"></script>
- <script src="js/axios.min.js"></script>
- <script src="js/element-ui.js"></script>
- <script src="js/element@2.12.2.js"></script>
- <script src="js/forget.js"></script>
- </body>
- </html>
|