12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <!DOCTYPE html>
- <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
- <head>
- <meta charset="utf-8">
- <link rel="shortcut icon" href="../static/images/faviconOld.ico" type="image/icon">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <!--360浏览器优先以webkit内核解析-->
- <title></title>
- <link rel="shortcut icon" href="faviconOld.ico">
- <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
- <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
- <link href="../static/css/animate.min.css" th:href="@{/css/animate.min.css}" rel="stylesheet"/>
- <link href="../static/css/style.min862f.css" th:href="@{/css/style.min862f.css}" rel="stylesheet"/>
- <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
- <th:block th:include="include :: header('首页')" />
- <style type="text/css">
- /* html,
- html body {
- height: 100%;
- width: 100%;
- } */
- body {
- margin: 0;
- overflow: hidden;
- background-color: #00173A;
- /*background: url("/img/yining/testBack.png") no-repeat center fixed;*/
- background-size: cover;
- }
- .test1 {
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- /*background: radial-gradient(#055fd1, #04345c, #001f34);*/
- /*background: radial-gradient(rgb(0,84,72), rgb(3,41,71), rgb(3,27,64));*/
- z-index: -9999;
- }
- .ifreamClass {
- flex:0 0 1920px!important;
- height: 1080px!important;
- z-index: 1;
- }
- </style>
- </head>
- <body>
- <div id="app" class="assembly-html-body" style="position:relative;height: 100%">
- <div class="test1" style="position:absolute;z-index:2;">
- <iframe id="iframeView" th:src="@{/system/mainJiangjinView}" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
- </div>
- </div>
- <script type="text/javascript">
- function initScale() {
- let clientWidth = document.body.clientWidth;
- let num = clientWidth / 1920;
- let clientHeight = document.body.clientHeight;
- let numHeight = clientHeight/1080;
- let scaleNum = Math.min(num,numHeight).toFixed(2);
- console.log(scaleNum);
- $("#iframeView").addClass("ifreamClass");
- $("#iframeView").css("transform","scale("+scaleNum+")");
- }
- initScale();
- </script>
- </body>
- </html>
|