|
@@ -0,0 +1,108 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html>
|
|
|
|
|
+
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
|
|
|
|
|
+ <meta charset=UTF-8>
|
|
|
|
|
+ <meta http-equiv=Cache-Control content="max-age=7200">
|
|
|
|
|
+ <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
|
|
|
|
|
+ <meta content="telephone=no" name=format-detection>
|
|
|
|
|
+ <meta name=description content=灵影仙踪>
|
|
|
|
|
+ <link rel="shortcut icon" href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico>
|
|
|
|
|
+ <link rel=icon type=image/png href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png sizes=192x192>
|
|
|
|
|
+ <link rel=apple-touch-icon sizes=180x180 href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png>
|
|
|
|
|
+ <title>灵影仙踪</title>
|
|
|
|
|
+ <style>
|
|
|
|
|
+ html,
|
|
|
|
|
+ body {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ max-width: 596px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+ @media screen and (min-width: 900px){
|
|
|
|
|
+ .app{
|
|
|
|
|
+ max-width: 596px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .app {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ background: url(./img/bg.jpg) no-repeat 100% 100%;
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .content {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .log {
|
|
|
|
|
+ width: calc(100% - 70px);
|
|
|
|
|
+ min-width: 312px;
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ /* border-radius: 30px; */
|
|
|
|
|
+ margin-bottom: 35px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .but {
|
|
|
|
|
+ width: 213px;
|
|
|
|
|
+ height: 60px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ background: url(./img/but.png) no-repeat center center;
|
|
|
|
|
+ background-size: 213px 60px;
|
|
|
|
|
+ font-family: Source Han Sans CN, Source Han Sans CN;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 19px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ line-height: 50px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-style: normal;
|
|
|
|
|
+ }
|
|
|
|
|
+ .tips{
|
|
|
|
|
+ font-family: Source Han Sans CN, Source Han Sans CN;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ line-height: 19px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: 40px;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ function openUrl () {
|
|
|
|
|
+ // What to do
|
|
|
|
|
+ console.log('openUrl');
|
|
|
|
|
+ window.location.href = "https://www.4dkankan.com/spg.html?m=SG-Yu3JBqaVsxP&lang=zh"
|
|
|
|
|
+ }
|
|
|
|
|
+ </script>
|
|
|
|
|
+</head>
|
|
|
|
|
+
|
|
|
|
|
+<body>
|
|
|
|
|
+ <div class="app">
|
|
|
|
|
+ <div class="content">
|
|
|
|
|
+ <img class="log" src="./img/logs.png" alt="">
|
|
|
|
|
+ <div class="but" onclick="openUrl()">
|
|
|
|
|
+ 进入场景
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="tips">
|
|
|
|
|
+ <img style="width: 85px;" src="./img/log4d.png" alt="">
|
|
|
|
|
+ <!-- 四维时代：技术支持 -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+</body>
|
|
|
|
|
+
|
|
|
|
|
+</html>
|
