panhui hace 3 años
padre
commit
5a5ec10fe6

BIN
src/main/resources/static/img/bg.png


BIN
src/main/resources/static/img/box.png


BIN
src/main/resources/static/img/box1.png


BIN
src/main/resources/static/img/box2.png


BIN
src/main/resources/static/img/box3.png


+ 49 - 7
src/main/resources/static/pc.html

@@ -23,28 +23,70 @@
         display: flex;
         align-items: center;
         justify-content: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-position: center;
+      }
+
+      .phone-box {
+        width: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
       }
 
       .phone {
-        width: 500px;
-        height: calc(100% - 1px);
         margin: 0;
         padding: 0;
+        height: 90vh;
+        flex-shrink: 0;
+        position: relative;
       }
 
-      .phone iframe {
-        width: 100%;
+      .phone .bg {
+        width: auto;
         height: 100%;
+        display: block;
+        position: relative;
+        z-index: 1;
+      }
+
+      .phone .bg-color {
+        background-color: #000;
+        width: 90%;
+        height: 100%;
+        position: absolute;
+        top: 2%;
+        left: 5%;
+        z-index: 0;
+        overflow: hidden;
+        border-radius: 30px;
+      }
+
+      .phone iframe {
         border: none;
         outline: none;
         display: block;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 90%;
+        height: 90%;
+        z-index: 2;
+        border-radius: 20px;
+        overflow: hidden;
       }
     </style>
   </head>
 
-  <body>
-    <div class="phone">
-      <iframe src="https://www.raex.vip/9th/home" frameborder="0"></iframe>
+  <body style="background-image: url(img/bg.png)">
+    <div class="phone-box">
+      <div class="phone">
+        <img src="img/box.png" alt="" class="bg" />
+        <div class="bg-color"></div>
+        <iframe src="https://www.raex.vip/9th/home" frameborder="0"></iframe>
+      </div>
     </div>
   </body>
 </html>