454 lines
14 KiB
HTML
454 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
<title>矿山安全生产标准化系统</title>
|
||
<style type="text/tailwindcss">
|
||
@layer utilities {
|
||
.content-auto {
|
||
content-visibility: auto;
|
||
}
|
||
.flex-wrap-copyright {
|
||
flex-wrap: wrap;
|
||
}
|
||
.mobile-padding-bottom {
|
||
padding-bottom: 80px;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<style type="text/css">
|
||
/* 基础样式 */
|
||
html, body {
|
||
height: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
body {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: url('bg.png') center no-repeat;
|
||
background-color: #195391;
|
||
background-size: cover;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
/* PC 样式 */
|
||
@media screen and (min-width:992px) {
|
||
.wrap {
|
||
padding: 50px 80px;
|
||
height: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
background-color: #fff;
|
||
width: 800px;
|
||
padding: 0px 50px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.logo-wrap {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 40px;
|
||
}
|
||
|
||
.tips {
|
||
font-size: 16px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #696969;
|
||
border-top: cornflowerblue 1px dashed;
|
||
padding: 20px 40px;
|
||
}
|
||
|
||
.tipss {
|
||
font-size: 16px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #696969;
|
||
border-top: cornflowerblue 1px dashed;
|
||
padding: 40px 40px 20px 40px;
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.code-wrap {
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin-bottom: 60px;
|
||
}
|
||
|
||
.bottom-flex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.button-wrap {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.button {
|
||
display: flex;
|
||
flex-direction: row;
|
||
}
|
||
|
||
.code {
|
||
width: 180px;
|
||
height: 180px;
|
||
margin: 0px 40px 0px 40px;
|
||
}
|
||
|
||
.input {
|
||
display: inline-block;
|
||
border-radius: 5px;
|
||
background-color: cornflowerblue;
|
||
border: none;
|
||
color: #ffff;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
padding: 13px 0px;
|
||
width: 140px;
|
||
transition: all 0.5s;
|
||
cursor: pointer;
|
||
margin: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.input span {
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
position: relative;
|
||
transition: 0.5s;
|
||
}
|
||
|
||
.input span::after {
|
||
content: ">";
|
||
position: absolute;
|
||
opacity: 0;
|
||
top: 0;
|
||
right: -20px;
|
||
transition: 0.5s;
|
||
}
|
||
|
||
.input:hover span {
|
||
padding-right: 30px;
|
||
}
|
||
|
||
.input:hover span::after {
|
||
opacity: 1;
|
||
right: 0;
|
||
}
|
||
}
|
||
|
||
/* 移动端样式 */
|
||
@media screen and (max-width:991px) {
|
||
.wrap {
|
||
height: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 20px 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
background-color: #fff;
|
||
margin: 40px 20px 10px 20px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 10px;
|
||
padding: 0 15px;
|
||
width: calc(100% - 40px);
|
||
max-width: 800px;
|
||
}
|
||
|
||
.logo-wrap {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.tips, .tipss {
|
||
font-size: 14px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #696969;
|
||
border-top: cornflowerblue 1px dashed;
|
||
padding: 15px;
|
||
text-align: center;
|
||
}
|
||
|
||
.tipss {
|
||
margin-top: 15px;
|
||
}
|
||
|
||
.code-wrap {
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.bottom-flex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.button-wrap {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.button {
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin: 5px;
|
||
}
|
||
|
||
.code {
|
||
width: 120px;
|
||
height: 120px;
|
||
}
|
||
|
||
.input {
|
||
display: inline-block;
|
||
border-radius: 5px;
|
||
background-color: cornflowerblue;
|
||
border: none;
|
||
color: #ffff;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
padding: 10px 0px;
|
||
width: 220px;
|
||
transition: all 0.5s;
|
||
cursor: pointer;
|
||
margin: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
/* 移动端版权区域优化 */
|
||
.copyright {
|
||
position: relative;
|
||
bottom: 0;
|
||
margin-top: 20px;
|
||
padding: 15px 10px;
|
||
background-color: rgba(25, 83, 145, 0.8);
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
flex-wrap: wrap;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.copyright p,
|
||
.copyright a {
|
||
margin: 0 8px;
|
||
font-size: 12px;
|
||
word-wrap: break-word; /* 允许长单词在边界处换行 */
|
||
overflow-wrap: break-word; /* 同 word-wrap，更标准的写法 */
|
||
}
|
||
.copyright p {
|
||
text-align: center;
|
||
}
|
||
|
||
body {
|
||
padding-bottom: 80px;
|
||
height: auto;
|
||
min-height: 100vh;
|
||
}
|
||
}
|
||
|
||
/* 版权区域样式 */
|
||
.copyright {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
flex-wrap: wrap;
|
||
padding: 20px 10px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.copyright p,
|
||
.copyright a {
|
||
margin: 0 10px;
|
||
|
||
}
|
||
|
||
.copyright a {
|
||
color: #fff;
|
||
/* text-decoration: none; */
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.copyright a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<div class="content">
|
||
<div class="logo-wrap">
|
||
<img src="logo.png" class="logo">
|
||
</div>
|
||
<div class="code-wrap">
|
||
<div class="tips">
|
||
欢迎使用“矿山安全生产标准化系统”，请点击下方按钮进入。
|
||
</div>
|
||
<div class="bottom-flex">
|
||
<div class="button">
|
||
<div class="button-wrap">
|
||
<!-- <input type="button" value="洛阳豫鹭系统" class="input" onclick="clickBu()">
|
||
<input type="button" value="龙岩稀土系统" class="input" onclick="clickDu()">
|
||
<input type="button" value="宁化行洛坑系统" class="input" onclick="clickAu()">
|
||
<input type="button" value="都昌金鼎系统" class="input" onclick="clickCu()">
|
||
<input type="button" value="博白巨典系统" class="input" onclick="clickEu()"> -->
|
||
<div class="input" onclick="clickAu()"><span>宁化行洛坑系统</span></div>
|
||
<div class="input" onclick="clickBu()"><span>洛阳豫鹭系统</span></div>
|
||
<div class="input" onclick="clickCu()"><span>都昌金鼎系统</span></div>
|
||
<div class="input" onclick="clickDu()"><span>龙岩稀土系统</span></div>
|
||
<div class="input" onclick="clickEu()"><span>博白巨典系统</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tipss">
|
||
通过手机扫描下面二维码登录或者下载APP
|
||
</div>
|
||
<div class="bottom-flex">
|
||
<div class="button">
|
||
<div>
|
||
<img src="xiazai1.png" class="code">
|
||
</div>
|
||
</div>
|
||
<div class="button">
|
||
<div>
|
||
<img src="login1.png" class="code">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright">
|
||
<p>Copyright ©2022-2025 厦门鸣鹤管理咨询股份有限公司
|
||
<a href="https://beian.miit.gov.cn/" target="_blank"> 闽ICP备19016982号-1</a>
|
||
<a href="risk.html" target="_blank"> 隐私政策</a></p>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
<script type="text/javascript">
|
||
// 判断浏览器函数
|
||
// function isMobile() {
|
||
// if (window.navigator.userAgent.indexOf("Windows") > 1) {
|
||
// alert("PC");
|
||
// } else {
|
||
// alert("手机");
|
||
// }
|
||
// //if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
|
||
// //return true; //
|
||
// }
|
||
|
||
var os = function() {
|
||
var ua = navigator.userAgent,
|
||
isWindowsPhone = /(?:Windows Phone)/.test(ua),
|
||
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
|
||
isAndroid = /(?:Android)/.test(ua),
|
||
isFireFox = /(?:Firefox)/.test(ua),
|
||
isChrome = /(?:Chrome|CriOS)/.test(ua),
|
||
isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox &&
|
||
/(?:Tablet)/.test(ua)),
|
||
isPhone = /(?:iPhone)/.test(ua) && !isTablet,
|
||
isPc = !isPhone && !isAndroid && !isSymbian;
|
||
return {
|
||
isTablet: isTablet,
|
||
isPhone: isPhone,
|
||
isAndroid: isAndroid,
|
||
isPc: isPc
|
||
};
|
||
}();
|
||
var typeName = ''
|
||
|
||
if (os.isAndroid || os.isPhone || os.isTablet) {
|
||
var typeName = 'phone'
|
||
|
||
} else if (os.isPc) {
|
||
var typeName = 'PC'
|
||
}
|
||
console.log(typeName, 'typeNametypeNametypeName')
|
||
|
||
function clickAu() {
|
||
if (typeName === 'phone') {
|
||
window.location = 'http://www.xmmhe.com:9100/'
|
||
} else if (typeName === 'PC') {
|
||
window.location = 'http://www.xmmhe.com:8001/'
|
||
}
|
||
}
|
||
|
||
function clickBu() {
|
||
if (typeName === 'phone') {
|
||
window.location = 'http://www.xmmhe.com:9100/'
|
||
} else if (typeName === 'PC') {
|
||
window.location = 'http://www.xmmhe.com:8002/'
|
||
}
|
||
}
|
||
|
||
function clickCu() {
|
||
if (typeName === 'phone') {
|
||
window.location = 'http://www.xmmhe.com:9100/'
|
||
} else if (typeName === 'PC') {
|
||
window.location = 'http://www.xmmhe.com:8003/'
|
||
}
|
||
}
|
||
|
||
function clickDu() {
|
||
if (typeName === 'phone') {
|
||
window.location = 'http://www.xmmhe.com:9100/'
|
||
} else if (typeName === 'PC') {
|
||
window.location = 'http://www.xmmhe.com:8004/'
|
||
}
|
||
}
|
||
|
||
function clickEu() {
|
||
if (typeName === 'phone') {
|
||
window.location = 'http://www.xmmhe.com:9100/'
|
||
} else if (typeName === 'PC') {
|
||
window.location = 'http://www.xmmhe.com:8005/'
|
||
}
|
||
}
|
||
</script>
|
||
</html> |