|
|
@@ -0,0 +1,112 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>双子星</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
|
|
|
+ <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="../static/css/experience2.css">
|
|
|
+ <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
|
|
|
+ <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
|
|
|
+ <script src="../static/js/vender/bootstrap/js/bootstrap.min.js"></script>
|
|
|
+ <script src="../static/js/vender/toastr/toastr.min.js"></script>
|
|
|
+ <script src="../static/js/vender/config.js"></script>
|
|
|
+ <script>
|
|
|
+ toastr.options.positionClass = 'toast-center-center';
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<div class="container">
|
|
|
+ <div class="index-icon" id="index-what">
|
|
|
+ <img class="img" src="../static/img/iosEnter/index-what.png" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="index-icon" id="index-phone">
|
|
|
+ <img class="img" src="../static/img/iosEnter/index-phone.png" />
|
|
|
+ </div> -->
|
|
|
+</div>
|
|
|
+<script type="text/javascript" th:inline="javascript">
|
|
|
+ let node = document.getElementById('index-what');
|
|
|
+ node.addEventListener('click', () => {
|
|
|
+ window.location.href = 'https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu'
|
|
|
+ })
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+<style>
|
|
|
+ .container{
|
|
|
+ width: 100%;
|
|
|
+ height: 98vh;
|
|
|
+ padding-top: 0.2rem;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ background-color: rgba(16, 16, 16, 1);
|
|
|
+ }
|
|
|
+ .index-icon{
|
|
|
+ width: 6.5rem;
|
|
|
+ height: 2.28rem;
|
|
|
+ padding-top: 0.36rem;
|
|
|
+ }
|
|
|
+ .img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ #toast-container>.toast-error {
|
|
|
+ background-image: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toast-error {
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
+ }
|
|
|
+
|
|
|
+ #toast-container>div {
|
|
|
+ font-size: 14px;
|
|
|
+ min-width: 80px !important;
|
|
|
+ padding: 12px !important;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 480px) and (min-width: 241px) {
|
|
|
+ #toast-container>div {
|
|
|
+ min-width: 80px !important;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (min-width: 640px) {
|
|
|
+ .toast-center-center {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (max-width: 640px) {
|
|
|
+ .toast-center-center {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-webkit-input-placeholder {
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 19+ */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 4 to 18 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-ms-input-placeholder {
|
|
|
+ /* Internet Explorer 10-11 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+</html>
|
heyang
