Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
html
/
vr-photo
Figyelés 2
Kedvenc 0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

index page

lateri 4 éve
szülő
2b0f90b32d
commit
f99c08ea61
5 módosított fájl, 111 hozzáadás és 7 törlés
Osztott Nézet Diff Statisztika Mutatása
  1. 1 1
      app.min.js
  2. 84 0
      index2.html
  3. 1 0
      index2.min.js
  4. 9 6
      pano3.html
  5. 16 0
      style.css

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 1 - 1
app.min.js


+ 84 - 0
index2.html
Fájl Megtekintése 

@@ -0,0 +1,84 @@
 
+<!DOCTYPE html>
 
+
 
+<html>
 
+
 
+<head>
 
+    <title>vr house</title>
 
+    <script src="./js/tvSysBtnBind.v2.1.js"></script>
 
+
 
+    <meta charset="utf-8">
 
+    <link rel="stylesheet" href="style.css">
 
+
 
+    <style>
 
+        /* body {
 
+            set margin to 0 and overflow to hidden, to go fullscreen 
+            margin: 0;
 
+            overflow: hidden;
 
+        }
 
+
 
+        .navigation{
 
+            display: flex;
 
+            flex-direction: column;
 
+            margin-left: 30px;
 
+            margin-top: 30px;
 
+        }
 
+
 
+        
+        */
 
+
 
+
 
+
 
+
 
+
 
+
 
+    </style>
 
+</head>
 
+
 
+<body id="Jdoc">
 
+
 
+    <!-- 用来保存输出结果 -->
 
+    <div id="container">
 
+    </div>
 
+
 
+    <div class="home">
 
+        <div class="preview">
 
+            <div class="detail">
 
+                <div class="title">内容详情</div>
 
+                <div class='thumb'><img id="cover" data-id='0' src="./panos/01frontGate_b.jpg"/></div>
 
+            </div>
 
+
 
+            <div class="descript">
 
+                <div id="descriptTitle">圣彼得堡</div>
 
+                <div id="descriptContent">简介:圣彼得堡位于俄罗斯北部，波罗的海沿岸...</div>
 
+                <div id="play" class='play'>播放</div>
 
+            </div>
 
+        </div>
 
+
 
+
 
+
 
+        
+    </div>
 
+
 
+   <div id="listTitle">剧集列表（11集全）</div>
 
+    <div id='listContent'>
 
+        <div class="pano">
 
+            <div class="title">ddd</div>
 
+            <div class="thumb"><img  src='panos/01frontGate4k_b.jpg' /></div>
 
+        </div>
 
+            -
 
+        </div>
 
+
 
+    </div>
 
+
 
+
 
+
 
+    <div class="ctrlBtn"></div>
 
+
 
+    <script src="index2.min.js"></script> 
+
 
+    <script type="text/javaScript">
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 1 - 0
index2.min.js


+ 9 - 6
pano3.html
Fájl Megtekintése 

@@ -4,11 +4,7 @@
 
 
 <head>
 
     <title>vr house</title>
 
-    <!-- <script src="./three.module.js"></script> -->
 
-    <!--    <script src="./js/controls/OrbitControls.js"></script> -->
 
     <script src="./js/tvSysBtnBind.v2.1.js"></script>
 
-    <!--   <script src="./js/loaders/MTLLoader.js"></script> -->
 
-    <!--   <script src="js/loaders/collada/AnimationHandler.js"></script> -->
 
     <meta charset="utf-8">
 
     <link rel="stylesheet" href="style.css">
 
 
@@ -42,6 +38,14 @@
 
     <div id="menuTip"> 单击“返回/OK”键全景观赏当前图片 </div>
 
 
     <div id='menu'>
 
+        <div class="pano">
 
+            <div class="title">ddd</div>
 
+            <div class="thumb"><img src='panos/01frontGate4k_b.jpg' /></div>
 
+        </div>
 
+        
+        <div>
 
+            -
 
+        </div>
 
 
     </div>
 
 
@@ -50,8 +54,7 @@
 
     <div class="ctrlBtn"></div>
 
 
 
-
 
-    <script src="app.min.js"></script>
 
+    <script src="app.min.js"></script> 
 
     <script type="text/javaScript">

+ 16 - 0
style.css
Fájl Megtekintése 

@@ -197,6 +197,21 @@ body {
 
     cursor: pointer;
 
 } 
 
+.home .descript .playSelect{
 
+    display: flex;
 
+    position: relative;
 
+    top: 40%;
 
+    background-color: #5f68a0;
 
+    width: 90px;
 
+    height: 40px;
 
+    justify-content: center;
 
+    align-items: center;
 
+    font-size: 20px;
 
+    color: #ffffff;
 
+    transform:translate(0,-50%);
 
+    cursor: pointer;
 
+} 
+
 
 #listTitle{
 
     font-size: 20px;
 
     margin: 30px 30px 20px 30px;
 
@@ -237,6 +252,7 @@ body {
 
     cursor: pointer;
 
 }
 
 
+
 
 #listContent .panoEnd{
 
     /* display: flex;
 
     justify-content: flex-end;