首頁 探索 說明
登入
html
/
vr-photo
關註 2
讚好 0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

style

lateri 5 年之前
父節點
eb090488eb
當前提交
e11a421c6b
共有 2 個文件被更改，包括 23 次插入 和 21 次删除
分割檢視 顯示文件統計
  1. 7 14
      index2.html
  2. 16 7
      style.css

+ 7 - 14
index2.html
查看文件 

@@ -4,33 +4,28 @@
 
 
 <head>
 
     <title>vr house</title>
 
-    <script src="./js/tvSysBtnBind.v2.1.js"></script>
 
 
+    <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 
+        body {
 
+            /* set margin to 0 and overflow to hidden, to go fullscreen  */
 
             margin: 0;
 
             overflow: hidden;
 
-        }
 
-
 
+            background-color: #eaeee3;
 
+        } 
+/*
 
         .navigation{
 
             display: flex;
 
             flex-direction: column;
 
             margin-left: 30px;
 
             margin-top: 30px;
 
         }
 
-
 
         
         */
 
 
-
 
-
 
-
 
-
 
-
 
     </style>
 
 </head>
 
 
@@ -54,9 +49,6 @@
 
             </div>
 
         </div>
 
 
-
 
-
 
-        
     </div>
 
 
    <div id="listTitle">剧集列表（11集全）</div>
 
@@ -74,6 +66,7 @@
 
 
     <div class="ctrlBtn"></div>
 
 
+
 
     <script src="index2.min.js"></script> 
 
     <script type="text/javaScript">

+ 16 - 7
style.css
查看文件 

@@ -2,7 +2,7 @@ body {
 
     /* set margin to 0 and overflow to hidden, to go fullscreen */
 
     margin: 0;
 
     overflow: hidden;
 
-	background-color: #eaeee3;
 
+    
 }
 
 
 .navigation{
 
@@ -143,7 +143,7 @@ body {
 
     display: flex;
 
     flex-direction: column;
 
     margin-left: 30px;
 
-    margin-top: 30px;
 
+    /* margin-top: 30px; */
 
 }
 
 
 .home .preview{
 
@@ -160,12 +160,16 @@ body {
 
 }
 
 
 .home .detail .thumb{
 
-    width:480px;
 
-    height:360px;
 
+    /* width:480px;
 
+    height:360px; */
 
+    /* max-width: 50%;
 
+    max-height: 50%; */
 
+
 
 }
 
 
 .home .detail .thumb img{
 
-    width: 100%;
 
+    width: 480px;
 
+    height:360px;
 
     max-width: 100%;
 
     max-height: 100%;
 
 }
 
@@ -215,7 +219,7 @@ body {
 
 
 #listTitle{
 
     font-size: 20px;
 
-    margin: 30px 30px 20px 30px;
 
+    margin: 30px 30px 10px 30px;
 
 }
 
 
 #listContent{
 
@@ -296,8 +300,13 @@ body {
 
 
 }
 
 
+#listContent .pano .thumb,#listContent .panoSelect .thumb{
 
+    width:150px;
 
+}
 
+
 
 #listContent .pano .thumb img,#listContent .panoSelect .thumb img{
 
-    width:200px;
 
+    width:100%;
 
+    max-width:200px;
 
     
 }