188 lines
5.1 KiB
HTML
188 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html style="font-size: 37.5px;">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Cache-control" content="no-cache">
|
|
<meta http-equiv="Cache" content="no-cache">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>手机预览</title>
|
|
<meta name="keywords" content="无极浏览器" />
|
|
<meta name="description" content="无极浏览器，是一款高效上网浏览器，容量小速度快安全绿色无插件，内置强大功能，管控，锁屏，微课录制，大课互动直播，小班直播等" />
|
|
<!-- 微信端 过来查看 允许缩放 -->
|
|
<link rel="shortcut icon" href="/common/favicon.png" type="image/x-icon">
|
|
<!-- 公共css,js -->
|
|
<link rel="stylesheet" href="/design/designstatic/home/iconfont/iconfont.css">
|
|
<link rel="stylesheet" href="/design/mobile/css/common.css">
|
|
<link rel="stylesheet" href="/design/mobile/css/module.css">
|
|
<link rel="stylesheet" href="/design/designstatic/home/css/animate.css">
|
|
<script src="/design/designstatic/home/js/jquery-2.2.4.min.js"></script>
|
|
<script src="/design/designstatic/home/waphome/js/layerMobile/layer.js"></script>
|
|
<!-- <link rel="stylesheet" href="/design/form/css/index.css?v=16391225117569"> -->
|
|
<style id='secoundStyle'></style>
|
|
<style>
|
|
::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece {
|
|
background-color: #fff;
|
|
/* background-color: #fff; */
|
|
/* -webkit-border-radius: 6px; */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
height: 8px;
|
|
width: 0px;
|
|
background-color: #91d5ff;
|
|
/*rgba(217,217,217,0.8);91d5ff*/
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
width: 0px;
|
|
background-color: #ccc;
|
|
-webkit-border-radius: 6px;
|
|
}
|
|
|
|
Pseudo ::scrollbar-corner element ::-webkit-scrollbar-corner {
|
|
background-color: #fff;
|
|
}
|
|
|
|
Pseudo ::scrollbar-thumb element ::-webkit-scrollbar-thumb {
|
|
background-color: #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
Pseudo ::scrollbar-track element ::-webkit-scrollbar-track {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
body {
|
|
background-color: #f0f2f5;
|
|
}
|
|
|
|
.mobileBox {
|
|
position: relative;
|
|
width: 375px;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
margin: 0px auto;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.vagueLineBox,
|
|
.suspenTool {
|
|
display: none;
|
|
}
|
|
|
|
.comHead .showSet {
|
|
top: 0 !important;
|
|
}
|
|
|
|
.comHead .showSet {
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.comFoot .showSet {
|
|
top: auto !important;
|
|
bottom: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.module {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.module[data-type="pageform"] #mainForm {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.module[data-type="pageform"] .formModule {
|
|
height: auto !important;
|
|
padding: 12px 12px 0;
|
|
}
|
|
|
|
.bottomBtnBox {
|
|
padding: 50px 10px 50px;
|
|
}
|
|
|
|
.bottomBtnBox .submit {
|
|
margin: 0 auto;
|
|
padding: 6px 10px;
|
|
border-radius: 4px;
|
|
background-color: #40a9ff;
|
|
color: #fff;
|
|
width: 250px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.bottomBtnBox .disabled {
|
|
color: rgba(0, 0, 0, .25);
|
|
background-color: #f5f5f5;
|
|
border-color: #d9d9d9;
|
|
text-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
}
|
|
</style>
|
|
<script>
|
|
// 特殊的全部变量设置
|
|
var previewMobilePage = JSON.parse(localStorage.previewMobilePage)
|
|
$('head').append(previewMobilePage.cssText)
|
|
// setInterval(function () {
|
|
// $('#previewStyle').remove()
|
|
// previewMobilePage = JSON.parse(localStorage.previewMobilePage)
|
|
// $('head').append(previewMobilePage.cssText)
|
|
// }, 1000)
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="mobileBox">
|
|
<!-- 公共头部 -->
|
|
<div class="comHead">
|
|
<div class="showSet">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
</div>
|
|
<div class="comFoot">
|
|
<div class="showSet">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
|
|
if ($('[data-type="pageform"]').length) {
|
|
$('[data-type="pageform"]').html('<div id="desginRoot"></div>')
|
|
} else {
|
|
$('body').append('<div id="desginRoot"></div>')
|
|
}
|
|
// setInterval(function () {
|
|
// $('.comHead .showSet').html(previewMobilePage.header)
|
|
// $('.content').html(previewMobilePage.mainly)
|
|
// $('.comFoot .showSet').html(previewMobilePage.footer)
|
|
// }, 1000)
|
|
$('.comHead .showSet').html(previewMobilePage.header)
|
|
$('.content').html(previewMobilePage.mainly)
|
|
$('.comFoot .showSet').html(previewMobilePage.footer)
|
|
function updateDom() {
|
|
$('#previewStyle').remove()
|
|
previewMobilePage = JSON.parse(localStorage.previewMobilePage)
|
|
$('head').append(previewMobilePage.cssText)
|
|
$('.comHead .showSet').html(previewMobilePage.header)
|
|
$('.content').html(previewMobilePage.mainly)
|
|
$('.comFoot .showSet').html(previewMobilePage.footer)
|
|
}
|
|
</script>
|
|
|
|
</html> |