|
@@ -1,88 +1,126 @@
|
|
|
-<!DOCTYPE html>
|
|
|
|
|
|
|
+<!doctype html>
|
|
|
<html lang="en">
|
|
<html lang="en">
|
|
|
-<head>
|
|
|
|
|
- <meta charset="UTF-8">
|
|
|
|
|
|
|
+ <head>
|
|
|
|
|
+ <meta charset="UTF-8" />
|
|
|
<title>Forget</title>
|
|
<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" />
|
|
|
|
|
|
|
+ <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">
|
|
|
|
|
|
|
+ <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>
|
|
<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;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .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>
|
|
</style>
|
|
|
-</head>
|
|
|
|
|
-<body>
|
|
|
|
|
-<div class="container" id="forget">
|
|
|
|
|
- <div class="Va-document">
|
|
|
|
|
|
|
+ </head>
|
|
|
|
|
+ <body>
|
|
|
|
|
+ <div class="container" id="forget">
|
|
|
|
|
+ <div class="Va-document">
|
|
|
<div class="title-head">
|
|
<div class="title-head">
|
|
|
- <i class="el-icon-lock"></i>
|
|
|
|
|
- <span>{{lang.item1}}</span>
|
|
|
|
|
|
|
+ <i class="el-icon-lock"></i>
|
|
|
|
|
+ <span>{{lang.item1}}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="content-info">
|
|
<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">
|
|
|
|
|
|
|
+ <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">
|
|
<span class="menu">
|
|
|
{{langList[language]}}
|
|
{{langList[language]}}
|
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</span>
|
|
</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>
|
|
|
|
|
|
|
+ <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>
|
|
|
|
|
|
|
|
- <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: 0px;">
|
|
|
|
|
- <el-input show-password class="m-input" v-model="params.password" :placeholder="lang.item3"></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 prop="password1">
|
|
|
|
|
- <el-input show-password class="m-input" v-model="params.password1" :placeholder="lang.item4"></el-input>
|
|
|
|
|
- </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 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>
|
|
|
</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>
|
|
|
|
|
|
|
+ <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>
|