更新二维码过期模式
This commit is contained in:
parent
de2fcc055b
commit
58f330a0c9
@ -498,7 +498,7 @@
|
|||||||
return `
|
return `
|
||||||
<div class="opencourse product-item" onclick="window.open('/index/program/detail?id=${program.id || ''}', '_blank')">
|
<div class="opencourse product-item" onclick="window.open('/index/program/detail?id=${program.id || ''}', '_blank')">
|
||||||
<div class="video">
|
<div class="video">
|
||||||
<img src="${program.icon || '/static/images/default-program.png'}" alt="" class="cover">
|
<img src="${program.icon || ''}" alt="" class="cover">
|
||||||
</div>
|
</div>
|
||||||
<div class="introduction">
|
<div class="introduction">
|
||||||
<div class="title">${program.title || '无标题'}</div>
|
<div class="title">${program.title || '无标题'}</div>
|
||||||
@ -614,87 +614,6 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 搜索功能相关代码
|
|
||||||
layui.use(['layer'], function () {
|
|
||||||
var layer = layui.layer;
|
|
||||||
var $ = layui.jquery;
|
|
||||||
|
|
||||||
// 搜索功能相关变量
|
|
||||||
var searchMask = $('#searchMask');
|
|
||||||
var searchInput = $('#searchInput');
|
|
||||||
var searchBtn = $('#searchBtn');
|
|
||||||
var searchIcons = $('#mainSearchIcon, #stickySearchIcon');
|
|
||||||
|
|
||||||
// 显示搜索框
|
|
||||||
function showSearch() {
|
|
||||||
searchMask.addClass('show');
|
|
||||||
searchInput.focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 隐藏搜索框
|
|
||||||
function hideSearch() {
|
|
||||||
searchMask.removeClass('show');
|
|
||||||
searchInput.val('').blur();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 执行搜索
|
|
||||||
function doSearch() {
|
|
||||||
var keyword = searchInput.val().trim();
|
|
||||||
if (keyword) {
|
|
||||||
window.location.href = '/search?keyword=' + encodeURIComponent(keyword);
|
|
||||||
} else {
|
|
||||||
layer.msg('请输入搜索关键词', { icon: 0 });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 事件绑定
|
|
||||||
function bindEvents() {
|
|
||||||
// 点击搜索图标显示搜索框
|
|
||||||
searchIcons.on('click', showSearch);
|
|
||||||
|
|
||||||
// 点击蒙版背景隐藏搜索框
|
|
||||||
searchMask.on('click', function (e) {
|
|
||||||
if ($(e.target).hasClass('search-mask')) {
|
|
||||||
hideSearch();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 搜索按钮点击事件
|
|
||||||
searchBtn.on('click', function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
doSearch();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 回车键触发搜索
|
|
||||||
searchInput.on('keypress', function (e) {
|
|
||||||
if (e.which === 13) {
|
|
||||||
e.preventDefault();
|
|
||||||
doSearch();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// ESC键关闭搜索框
|
|
||||||
$(document).on('keydown', function (e) {
|
|
||||||
if (e.keyCode === 27 && searchMask.hasClass('show')) {
|
|
||||||
hideSearch();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 输入框获得焦点时全选文本
|
|
||||||
searchInput.on('focus', function () {
|
|
||||||
this.select();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 初始化
|
|
||||||
function init() {
|
|
||||||
bindEvents();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 启动
|
|
||||||
init();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 页面加载完成后执行
|
// 页面加载完成后执行
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
loadWebArticles();
|
loadWebArticles();
|
||||||
|
|||||||
@ -276,7 +276,7 @@
|
|||||||
<h2>微信扫码登录</h2>
|
<h2>微信扫码登录</h2>
|
||||||
<div class="qrcode-container">
|
<div class="qrcode-container">
|
||||||
<img id="qrcode" src="__IMAGES__/loading.gif" alt="微信登录二维码" onclick="reGenerateQrcode()">
|
<img id="qrcode" src="__IMAGES__/loading.gif" alt="微信登录二维码" onclick="reGenerateQrcode()">
|
||||||
<p>点击二维码可刷新</p>
|
<!-- <p>点击二维码可刷新</p> -->
|
||||||
</div>
|
</div>
|
||||||
<div id="status" class="status">正在加载二维码...</div>
|
<div id="status" class="status">正在加载二维码...</div>
|
||||||
<div id="error" class="error"></div>
|
<div id="error" class="error"></div>
|
||||||
@ -330,8 +330,14 @@
|
|||||||
// 检查二维码是否过期
|
// 检查二维码是否过期
|
||||||
if (new Date().getTime() > qrcodeExpireTime) {
|
if (new Date().getTime() > qrcodeExpireTime) {
|
||||||
clearInterval(checkLoginTimer);
|
clearInterval(checkLoginTimer);
|
||||||
$('#status').text('二维码已过期,请点击刷新');
|
$('#status').html('二维码已过期<br>请点击刷新');
|
||||||
$('#qrcode').css('opacity', '0.5');
|
$('#qrcode').css('opacity', '0.02');
|
||||||
|
$('#status').css({
|
||||||
|
'position': 'relative',
|
||||||
|
'top': '-150px',
|
||||||
|
'font-size': '20px',
|
||||||
|
'font-weight': 'bolder'
|
||||||
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user