iosEnter.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>双子星</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
  8. <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/css/experience2.css">
  10. <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
  11. <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
  12. <script src="../static/js/vender/bootstrap/js/bootstrap.min.js"></script>
  13. <script src="../static/js/vender/toastr/toastr.min.js"></script>
  14. <script src="../static/js/vender/config.js"></script>
  15. <script>
  16. toastr.options.positionClass = 'toast-center-center';
  17. </script>
  18. </head>
  19. <div class="container">
  20. <div class="index-icon" id="index-what">
  21. <img class="img" src="../static/img/iosEnter/index-what.png" />
  22. </div>
  23. <!-- <div class="index-icon" id="index-phone">
  24. <img class="img" src="../static/img/iosEnter/index-phone.png" />
  25. </div> -->
  26. </div>
  27. <script type="text/javascript" th:inline="javascript">
  28. let node = document.getElementById('index-what');
  29. node.addEventListener('click', () => {
  30. window.location.href = 'https://www.baidu.com/s'
  31. })
  32. </script>
  33. </body>
  34. <style>
  35. .container{
  36. width: 100%;
  37. height: 98vh;
  38. padding-top: 0.2rem;
  39. display: flex;
  40. flex-direction: column;
  41. align-items: center;
  42. background-color: rgba(16, 16, 16, 1);
  43. }
  44. .index-icon{
  45. width: 6.5rem;
  46. height: 2.28rem;
  47. padding-top: 0.36rem;
  48. }
  49. .img{
  50. width: 100%;
  51. height: 100%;
  52. }
  53. #toast-container>.toast-error {
  54. background-image: none !important;
  55. }
  56. .toast-error {
  57. background-color: rgba(0, 0, 0, 0.8);
  58. }
  59. #toast-container>div {
  60. font-size: 14px;
  61. min-width: 80px !important;
  62. padding: 12px !important;
  63. box-shadow: none;
  64. }
  65. @media (max-width: 480px) and (min-width: 241px) {
  66. #toast-container>div {
  67. min-width: 80px !important;
  68. width: auto;
  69. }
  70. }
  71. @media only screen and (min-width: 640px) {
  72. .toast-center-center {
  73. top: 50%;
  74. left: 50%;
  75. transform: translate(-50%, -50%);
  76. }
  77. }
  78. @media only screen and (max-width: 640px) {
  79. .toast-center-center {
  80. top: 50%;
  81. left: 50%;
  82. transform: translate(-50%, -50%);
  83. }
  84. }
  85. input::-webkit-input-placeholder {
  86. color: #BBBBBB;
  87. }
  88. input::-moz-placeholder {
  89. /* Mozilla Firefox 19+ */
  90. color: #BBBBBB;
  91. }
  92. input:-moz-placeholder {
  93. /* Mozilla Firefox 4 to 18 */
  94. color: #BBBBBB;
  95. }
  96. input:-ms-input-placeholder {
  97. /* Internet Explorer 10-11 */
  98. color: #BBBBBB;
  99. }
  100. </style>
  101. </html>