official_website/app/home/view/500.html

174 lines
7.6 KiB
HTML

<!--
* @Descripttion : FOXCMS是一款高效的PHP多端跨平台内容管理系统
* @Author : FoxCMS Team
* @Date : 2023-03-28 18:22:56
* @version : V1.08
* @copyright : ©2021-现在 贵州黔狐科技股份有限公司 版权所有
* @LastEditTime : 2024-08-24 12:23:26
-->
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>[$basic.title]</title>
<meta name="keywords" content="[$basic.keyword]" />
<meta name="description" content="[$basic.description]" />
<link rel="stylesheet" href="/static/css/foxui-1.32.min.css" />
<link rel="stylesheet" href="/static/404/css/404.min.css" />
</head>
<body>
<!-- 顶部 -->
<header class="foxui-bg-white">
<div class="foxcms-header-pc foxcms-container foxui-hidden-sm foxui-hidden-xs">
<div class="foxcms-logo">
<img src="[$basic.logo]" alt="" />
</div>
<div class="foxui-nav">
<ul class="nav">
{foreach $navs as $key=>$vo}
{if $key == 0}
<li>
<a class="foxui-link" href="">首页</a>
</li>
{else/}
<li>
<a class="foxui-link" href="[$vo.link]">[$vo.name]</a>
</li>
{/if}
{/foreach}
</ul>
<div class="phone foxui-hidden-sm foxui-hidden-xs">
<div class="phone-inner">
<i class="foxui-icon-dianhua-o foxui-margin-right-4 foxui-hidden-lg foxui-hidden-md"></i>
<h3 class="foxui-hidden-lg foxui-hidden-md">[$contact.company_tel]</h3>
</div>
</div>
</div>
</div>
<div class="foxcms-header-h5 foxui-visible-sm foxui-visible-xs">
<div class="nav-mask"></div>
<div class="nav-content">
<div class="nav-head foxui-border-bottom">
<i class="foxui-icon-liebiao-o"></i>
<a href="" class="foxcms-logo">
<img src="[$basic.logo]" alt="" />
</a>
</div>
<div class="nav-menu">
<div class="nav-menu-inner">
<ul>
{foreach $navs as $key=>$vo}
<li>
<a class="foxui-link" href="[$vo.link]">[$vo.name]</a>
</li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- 主体内容 -->
<main class="err">
<div class="foxcms-container">
<div class="foxui-row foxui-gutter-12">
<div class="foxui-col-md-12">
<div class="item pic">
<img class="img-500" src="/static/404/images/500.svg" alt="" />
</div>
</div>
<div class="foxui-col-md-12">
<div class="item text">
<h1>500</h1>
<h2>服务器内部错误</h2>
<ul>
<li>
<i class="foxui-icon-xiangyou-o"></i>
<span>请稍后再试或者检查您的网络链接和防火墙</span>
</li>
<li>
<i class="foxui-icon-xiangyou-o"></i>
<span>此页面可能遇到技术问题联系站长进行处理</span>
</li>
</ul>
<p>
<span>将于</span>
<strong class="foxui-color-primary">5</strong>
<span>秒后自动跳转至网站首页</span>
</p>
<div class="btn-list">
<button class="foxui-solid-primary foxui-shape-round foxui-size-medium" name="backIndex">
<i class="foxui-icon-shouye-o"></i>
<span>返回首页</span>
</button>
<button class="foxui-shape-round foxui-size-medium" name="refresh">
<i class="foxui-icon-gengxin-o"></i>
<span>刷新页面</span>
</button>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- 底部 -->
<footer>
<div class="footer foxui-border-top">
<p>
<a href="https://www.foxcms.cn" class="foxui-link foxui-link-info" target="_blank">本站基于 FoxCMS 搭建,</a>
<span>一款高效的多端跨平台内容管理系统</span>
</p>
<p>
<a href="https://www.qianfox.com" class="foxui-link foxui-link-info" target="_blank">Powered by 黔狐科技</a>
</p>
</div>
</footer>
</body>
<script src="/static/js/jquery-3.6.0.min.js"></script>
<script src="/static/js/foxui-1.32.min.js"></script>
<script>
//返回首页
$(document).on('click', 'button[name="backIndex"]', function () {
window.location.href = "/";
});
//刷新页面
$(document).on('click', 'button[name="refresh"]', function () {
window.location.reload();
});
$(document).on('click', '.foxcms-header-h5 .foxui-icon-liebiao-o', function () {
let $this = $(this),
$container = $this.closest('.foxcms-header-h5');
$this.removeClass('foxui-icon-liebiao-o').addClass('foxui-icon-guanbi-o');
$container.find('.nav-mask').fadeIn(300);
$container.find('.nav-menu').slideDown(300);
$('body').css('overflow', 'hidden');
});
$(document).on('click', '.foxcms-header-h5 .foxui-icon-guanbi-o', function () {
let $this = $(this),
$container = $this.closest('.foxcms-header-h5');
$this.removeClass('foxui-icon-guanbi-o').addClass('foxui-icon-liebiao-o');
$container.find('.nav-mask').fadeOut(300);
$container.find('.nav-menu').slideUp(300);
$('body').css('overflow', 'auto');
});
$(document).on('click', '.foxcms-header-h5 .nav-mask', function () {
$('.foxcms-header-h5 .foxui-icon-guanbi-o').click();
});
let time = 5;
let timer = setInterval(() => {
if (time > 0) {
time--;
$('main .text strong').text(time);
} else {
clearInterval(timer);
timer = null;
location.href = '/';
}
}, 1000);
</script>
</html>