123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <!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>
|