pano3.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>vr house</title>
  5. <meta charset="utf-8">
  6. <link rel="stylesheet" href="style.css">
  7. <style>
  8. body {
  9. /* set margin to 0 and overflow to hidden, to go fullscreen */
  10. margin: 0;
  11. overflow: hidden;
  12. background-image: url('./images/bg1280.jpg');
  13. /* background-size:cover; */
  14. color:#ffffff;
  15. font-family: "Microsoft YaHei";
  16. min-width: 1280px;
  17. min-height: 720px;
  18. background-repeat:no-repeat;
  19. background-size: 100% 100%;
  20. background-attachment: fixed;
  21. /* width: 120vw; */
  22. }
  23. /*
  24. .navigation{
  25. display: flex;
  26. flex-direction: column;
  27. margin-left: 30px;
  28. margin-top: 30px;
  29. }
  30. */
  31. #debug{
  32. display: none;
  33. position: absolute;
  34. top: 20px;
  35. left: 10px;
  36. color: #ffff00;
  37. }
  38. </style>
  39. </head>
  40. <body id="Jdoc">
  41. <!-- 用来保存输出结果 -->
  42. <div id="container">
  43. </div>
  44. <div class="home">
  45. <div class="preview">
  46. <div class="detail">
  47. <div class="detailtitle">
  48. <div class="titlelogo"></div>
  49. <div class="title">内容详情</div>
  50. </div>
  51. <div class='thumb'><img id="cover" data-id='0' src="./panos/01frontGate_b.jpg"/></div>
  52. </div>
  53. <div class="descript">
  54. <div class="content">
  55. <div id="descriptTitle">圣彼得堡</div>
  56. <div id="descriptContent">简介:圣彼得堡位于俄罗斯北部,波罗的海沿岸...</div>
  57. </div>
  58. <div id="play" class='play'>
  59. <div class='playlogo'></div>
  60. 播放
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <div id="listTitle">剧集列表(11集全)</div>
  66. <div id='listContent'>
  67. <div class="pano">
  68. <div class="title">ddd</div>
  69. <div class="thumb"><img src='panos/01frontGate4k_b.jpg' /></div>
  70. </div>
  71. -
  72. </div>
  73. </div>
  74. <div id='debug'>fff</div>
  75. <div class="ctrlBtn"></div>
  76. <script src="index2.min.js"></script>
  77. <script type="text/javaScript">
  78. </script>
  79. </body>
  80. </html>