mainJiangjin.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head>
  4. <meta charset="utf-8">
  5. <link rel="shortcut icon" href="../static/images/faviconOld.ico" type="image/icon">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <!--360浏览器优先以webkit内核解析-->
  9. <title></title>
  10. <link rel="shortcut icon" href="faviconOld.ico">
  11. <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
  12. <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
  13. <link href="../static/css/animate.min.css" th:href="@{/css/animate.min.css}" rel="stylesheet"/>
  14. <link href="../static/css/style.min862f.css" th:href="@{/css/style.min862f.css}" rel="stylesheet"/>
  15. <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
  16. <th:block th:include="include :: header('首页')" />
  17. <style type="text/css">
  18. /* html,
  19. html body {
  20. height: 100%;
  21. width: 100%;
  22. } */
  23. body {
  24. margin: 0;
  25. overflow: hidden;
  26. background-color: #00173A;
  27. /*background: url("/img/yining/testBack.png") no-repeat center fixed;*/
  28. background-size: cover;
  29. }
  30. .test1 {
  31. width: 100%;
  32. height: 100%;
  33. position: absolute;
  34. left: 0;
  35. top: 0;
  36. display: flex;
  37. align-items: center;
  38. justify-content: center;
  39. overflow: hidden;
  40. /*background: radial-gradient(#055fd1, #04345c, #001f34);*/
  41. /*background: radial-gradient(rgb(0,84,72), rgb(3,41,71), rgb(3,27,64));*/
  42. z-index: -9999;
  43. }
  44. .ifreamClass {
  45. flex:0 0 1920px!important;
  46. height: 1080px!important;
  47. z-index: 1;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div id="app" class="assembly-html-body" style="position:relative;height: 100%">
  53. <div class="test1" style="position:absolute;z-index:2;">
  54. <iframe id="iframeView" th:src="@{/system/mainJiangjinView}" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
  55. </div>
  56. </div>
  57. <script type="text/javascript">
  58. function initScale() {
  59. let clientWidth = document.body.clientWidth;
  60. let num = clientWidth / 1920;
  61. let clientHeight = document.body.clientHeight;
  62. let numHeight = clientHeight/1080;
  63. let scaleNum = Math.min(num,numHeight).toFixed(2);
  64. console.log(scaleNum);
  65. $("#iframeView").addClass("ifreamClass");
  66. $("#iframeView").css("transform","scale("+scaleNum+")");
  67. }
  68. initScale();
  69. </script>
  70. </body>
  71. </html>