|
|
@@ -0,0 +1,109 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <title>vr house</title>
|
|
|
+
|
|
|
+ <script src="./js/tvSysBtnBind.v2.1.js"></script>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="page-view-size" content="1280*720" />
|
|
|
+ <link rel="stylesheet" href="style.css">
|
|
|
+
|
|
|
+ <style>
|
|
|
+
|
|
|
+ body {
|
|
|
+ /* set margin to 0 and overflow to hidden, to go fullscreen */
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ background: url('./images/bg1280.jpg') center no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ color:#ffffff;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ width: 1280px;
|
|
|
+ height:720px;
|
|
|
+ /* background-repeat:no-repeat; */
|
|
|
+ /* width: 120vw; */
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*
|
|
|
+ .navigation{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-left: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ */
|
|
|
+
|
|
|
+ #debug{
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ left: 10px;
|
|
|
+ color: #ffff00;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body id="Jdoc">
|
|
|
+
|
|
|
+ <!-- 用来保存输出结果 -->
|
|
|
+ <div id="container">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="home">
|
|
|
+ <div class="preview">
|
|
|
+ <div class="detail">
|
|
|
+ <div class="detailtitle">
|
|
|
+ <div class="titlelogo"></div>
|
|
|
+ <div class="title">内容详情</div>
|
|
|
+ </div>
|
|
|
+ <div class='thumb'><img id="cover" data-id='0' src="./images/0.png"/></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="descript">
|
|
|
+ <div class="content">
|
|
|
+ <div id="descriptTitle">圣彼得堡</div>
|
|
|
+ <div id="descriptContent">简介:圣彼得堡位于俄罗斯北部，波罗的海沿岸...</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="play" class='play'>
|
|
|
+ <div class='playlogo'></div>
|
|
|
+ 播放
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="listTitle">剧集列表（11集全）</div>
|
|
|
+ <div id='listContent'>
|
|
|
+ <div class="pano">
|
|
|
+ <div class="title"></div>
|
|
|
+ <div class="thumb"><img src='panos/01frontGate4k_b.jpg' /></div>
|
|
|
+ </div>
|
|
|
+ -
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id='debug'></div>
|
|
|
+
|
|
|
+ <div class="ctrlBtn"></div>
|
|
|
+
|
|
|
+ <script src="js/tween.umd.js"></script>
|
|
|
+
|
|
|
+ <script src="index2.js"></script>
|
|
|
+
|
|
|
+ <!-- <script src="index2.min.js"></script> -->
|
|
|
+
|
|
|
+ <script type="text/javaScript">
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
lateri