优化pc端打开h5页面

This commit is contained in:
evoxwht 2023-04-11 16:57:00 +08:00
parent 07d6d117f7
commit 92fdd2df8e
4 changed files with 33 additions and 65 deletions

23
crmeb/public/mobile.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?=$siteName?></title>
<style>
#page {
width: 350px;
height: 90vh;
margin: 0 auto;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
transform: translate(-50%,0);
}
</style>
</head>
<body>
<iframe id="page" src="<?=$siteUrl?>" frameborder="0"></iframe>
</body>
</html>

View File

@ -24,8 +24,16 @@ Route::miss(function () {
case 'pages':
return view(app()->getRootPath() . 'public' . DS . 'index.html');
default:
if (!request()->isMobile() && is_dir(app()->getRootPath() . 'public' . DS . 'home') && !request()->get('type')) {
return view(app()->getRootPath() . 'public' . DS . 'home' . DS . 'index.html');
if (!request()->isMobile()) {
if (is_dir(app()->getRootPath() . 'public' . DS . 'home') && !request()->get('type')) {
return view(app()->getRootPath() . 'public' . DS . 'home' . DS . 'index.html');
} else {
if (request()->get('type')) {
return view(app()->getRootPath() . 'public' . DS . 'index.html');
} else {
return view(app()->getRootPath() . 'public' . DS . 'mobile.html', ['siteName' => sys_config('site_name'), 'siteUrl' => sys_config('site_url') . '/pages/index/index']);
}
}
} else {
return view(app()->getRootPath() . 'public' . DS . 'index.html');
}

View File

@ -246,14 +246,6 @@
// #endif
// #ifdef H5
uni.getSystemInfo({
success(e) {
/* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
window.location.pathname = '/static/html/pc.html';
}
}
});
if (option.query.hasOwnProperty('type') && option.query.type == "iframeWindow") {
this.globalData.isIframe = true;
} else {

View File

@ -1,55 +0,0 @@
<!DOCTYPE html>
<html lang=zh-CN>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
<title>crmeb-PC端</title>
<meta name="Copyright" content="helang">
<link rel="shortcut icon" type="image/png" href="">
<meta name="keywords" content="">
<meta name="description" content="">
<style type="text/css">
body{
margin: 0;
background-color: #f3f3f3;
}
iframe{
width: 375px;
height: 667px;
background-color: #fff;
box-sizing: content-box;
border: none;
}
@media screen and (min-width: 450px) {
iframe {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border: rgba(0,0,0,0.1) solid 1px;
border-radius: 4px;
}
}
</style>
<script type="text/javascript">
window.isPC = true;
window.onload = function(){
/* 监听电脑浏览器窗口尺寸改变 */
window.onresize = function(){
/* 窗口宽度 小于或等于420px 时,跳转回H5页面 */
if(window.innerWidth <= 420){
window.location.pathname = '/';
}
}
}
</script>
</head>
<body>
<iframe src="/"></iframe>
</body>
</html>