125 行
4.3 KiB
HTML
可执行文件
125 行
4.3 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.2.55]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vip/css/templateA/card-forget.css"/>
|
|
<script type="text/javascript" src="__PUBLIC__/vip/js/templateA/rem2.js"></script>
|
|
<title>忘记密码</title>
|
|
<style type="text/css">
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" v-cloak class="wrap">
|
|
<div class="content">
|
|
<div class="content-info">
|
|
<input value="{$phone}" disabled="disabled"/>
|
|
</div>
|
|
<div class="content-info">
|
|
<div class="content-info-left">
|
|
<input maxlength="6" v-model="codeValue" placeholder="请输入验证码"/>
|
|
</div>
|
|
<div class="content-info-right">
|
|
<div @click="getcode" v-if="!isshow" class="code01">获取验证码</div>
|
|
<div v-if="isshow" class="code02"><span>{{time}}</span>秒后重新获取</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="!isshow" class="submitStyle">下一步</div>
|
|
<div v-if="isshow" class="submit" @click="sure">
|
|
<span>下一步</span>
|
|
</div>
|
|
|
|
<transition name="slide-fade">
|
|
<div v-if="ishidden" class="tips">{{tips}}</div>
|
|
</transition>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/vip/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script src="__PUBLIC__/vip/js/window-reload.js"></script>
|
|
<script type="text/javascript">
|
|
var app = new Vue({
|
|
el: "#app",
|
|
data: {
|
|
isshow: false,
|
|
time: '60',
|
|
codeValue: '',
|
|
ishidden: false,
|
|
tips: ''
|
|
},
|
|
methods: {
|
|
|
|
getcode: function () {
|
|
var that = this;
|
|
$.post("/index.php/Vip/Set/getCode", {}, function (data) {
|
|
if (data.success == 1) {
|
|
that.isshow = true,
|
|
that.tips = data.msg;
|
|
that.countDown()
|
|
|
|
that.closeTip();
|
|
} else {
|
|
that.ishidden = true,
|
|
that.tips = data.msg;
|
|
that.closeTip();
|
|
}
|
|
})
|
|
},
|
|
closeTip: function () {
|
|
var that = this;
|
|
var a = setTimeout(function () {
|
|
that.ishidden = false;
|
|
clearTimeout(a)
|
|
}, 1000)
|
|
},
|
|
countDown: function () {
|
|
var that = this;
|
|
that.isshow = true;
|
|
that.time = '60';
|
|
var a = that.time;
|
|
var timer = setInterval(function () {
|
|
a -= 1;
|
|
if (a > 0) {
|
|
that.time = a;
|
|
} else {
|
|
clearInterval(timer);
|
|
that.isshow = false;
|
|
}
|
|
}, 1000)
|
|
},
|
|
sure: function () {
|
|
var that = this;
|
|
if (!that.codeValue) {
|
|
that.ishidden = true;
|
|
that.tips = '请输入验证码';
|
|
setTimeout(function () {
|
|
that.ishidden = false;
|
|
that.tips = '';
|
|
}, 1000);
|
|
} else {
|
|
$.post("/index.php/Vip/Set/verifyCode", {
|
|
code: that.codeValue
|
|
}, function (data) {
|
|
if (data.success == 1) {
|
|
window.location.replace("/index.php/Vip/Set/resetpwd.html?verifyCode=" + data.verifyCode);
|
|
} else {
|
|
that.ishidden = true,
|
|
that.tips = data.msg;
|
|
that.closeTip();
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
}
|
|
})
|
|
</script>
|
|
|
|
</html> |