Inicio Explorar Ayuda
Iniciar sesión
xiongzhu
/
raex_back
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Explorar el Código

pc地址

panhui hace 3 años
padre
ccb76ac4ca
commit
5a5ec10fe6
Se han modificado 6 ficheros con 49 adiciones y 7 borrados
Dividir vista Mostrar estadísticas de diff
  1. BIN
      src/main/resources/static/img/bg.png
  2. BIN
      src/main/resources/static/img/box.png
  3. BIN
      src/main/resources/static/img/box1.png
  4. BIN
      src/main/resources/static/img/box2.png
  5. BIN
      src/main/resources/static/img/box3.png
  6. 49 7
      src/main/resources/static/pc.html

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


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


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


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


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


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

@@ -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>