首頁 探索 說明
註冊 登入
chenzhiguang
/
bigSceneEdit_java
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

Merge branch 'master' of http://192.168.0.115:3000/chenzhiguang/bigSceneEdit_java

xzw 4 年之前
父節點
3ec3d45139 c39ef89707
當前提交
c3254bdd58
共有 36 個文件被更改，包括 186894 次插入 和 111 次删除
統一視圖 顯示文件統計
  1. 44 0
      css/lzb.css
  2. 189 107
      edit.html
  3. 91 4
      js/edit.js
  4. 132 0
      js/loadCAD.js
  5. 1 0
      js/main_2020_edit.js
  6. 829 0
      showa/index.html
  7. 752 0
      showa/index_cd.html
  8. 824 0
      showa/index_cdmrg.html
  9. 743 0
      showa/index_ceshi.html
  10. 782 0
      showa/index_hcy.html
  11. 833 0
      showa/index_nologo.html
  12. 782 0
      showa/index_op.html
  13. 752 0
      showa/index_sjbd.html
  14. 66 0
      showa/js/SpecialScene.js
  15. 755 0
      showa/js/Tween.js
  16. 44 0
      showa/js/constant.js
  17. 322 0
      showa/js/diyUpload.js
  18. 3491 0
      showa/js/edit.js
  19. 10 0
      showa/js/lib/cropper.min.js
  20. 4 0
      showa/js/lib/jquery-2.1.1.min.js
  21. 1 0
      showa/js/lib/player-0.0.12.min.js
  22. 204 0
      showa/js/lib/popupwindow.js
  23. 2481 0
      showa/js/lib/wangEditor.min.js
  24. 2481 0
      showa/js/lib/wangEditor.min.js.bak
  25. 151 0
      showa/js/loadCAD.js
  26. 1 0
      showa/js/main_2018.js
  27. 56008 0
      showa/js/main_2018_b.js
  28. 54874 0
      showa/js/main_2020_edit.js
  29. 57674 0
      showa/js/main_2020_show.js
  30. 409 0
      showa/js/manage.js
  31. 69 0
      showa/js/myShow.js
  32. 64 0
      showa/js/myShow_hcy.js
  33. 64 0
      showa/js/myShow_sjbd.js
  34. 197 0
      showa/js/overlay.js
  35. 2 0
      showa/js/webuploader.html5only.min.js
  36. 768 0
      showa/sceen.html

+ 44 - 0
css/lzb.css
查看文件 

@@ -1732,4 +1732,48 @@ ul.MenuOptions li.chosen {
 
 }
 
 }
 
 #userUploadStyle  .upload.uploaded:hover .del{
 
 #userUploadStyle  .upload.uploaded:hover .del{
 
     display:block; 
     display:block; 
+}
 
+
 
+
 
+.cad-setting {
 
+    text-align: left;
 
+}
 
+/* 
+.cad-setting li {
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.cad-setting li label {
 
+    flex: none;
 
+    width: 65px;
 
+    text-align: right;
 
+    margin-right: 5px;
 
+}
 
+
 
+.cad-setting li select,
 
+.cad-setting li input {
 
+    flex: 1;
 
+    margin: 0 10px;
 
+    padding-left: 0;
 
+    padding-right: 0;
 
+    outline: none;
 
+    border: 1px solid #737373;
 
+    background-color: #000;
 
+    color: #fff;
 
+}
 
+.cad-setting li input {
 
+    height: 30px;
 
+} */
 
+
 
+.cad-size {
 
+    width: 100%;
 
+    border: 1px solid #737373;
 
+    background-color: #000;
 
+    outline: none;
 
+    height: 32px;
 
+    padding: 0 10px;
 
+    color: #fff;
 
+    letter-spacing: 1px;
 
+    border-radius: 2px;
 
 }
 
 }

+ 189 - 107
edit.html
查看文件 

@@ -24,7 +24,7 @@
 
         }
 
         }
 
         if (number.indexOf("#") != -1) {
 
         if (number.indexOf("#") != -1) {
 
             number = number.substring(0, number.indexOf("#"));
 
             number = number.substring(0, number.indexOf("#"));
 
-        } 
+        }
 
     </script>
 
     </script>
 
     <script class="build keep">
 
     <script class="build keep">
 
         // Safari and Android does not support performance.timing.navigationStart :(
 
         // Safari and Android does not support performance.timing.navigationStart :(
 
@@ -36,9 +36,9 @@
 
     </script>
 
     </script>
 
 </head>
 
 </head>
 
 
 
-<body> 
+<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
 
-        <div class="waiting"> 
+        <div class="waiting">
 
             <div class="overlay"></div>
 
             <div class="overlay"></div>
 
             <div class="spinner">
 
             <div class="spinner">
 
                 <div class="bounce1"></div>
 
                 <div class="bounce1"></div>
 
@@ -46,7 +46,7 @@
 
                 <div class="bounce3"></div>
 
                 <div class="bounce3"></div>
 
             </div>
 
             </div>
 
             <div class="text">请等待...</div>
 
             <div class="text">请等待...</div>
 
-        </div> 
+        </div>
 
         <div class="toolTop hasPad unable">
 
         <div class="toolTop hasPad unable">
 
             <!-- 顶部header -->
 
             <!-- 顶部header -->
 
             <div class="btns"></div>
 
             <div class="btns"></div>
 
@@ -88,11 +88,15 @@
 
                     <li data-name="overlay">
 
                     <li data-name="overlay">
 
                         <span class="overlay"></span>
 
                         <span class="overlay"></span>
 
                         <label>展览</label>
 
                         <label>展览</label>
 
-                    </li> 
+                    </li>
 
                     <li data-name="panoVisible">
 
                     <li data-name="panoVisible">
 
                         <span class="panoVisible"></span>
 
                         <span class="panoVisible"></span>
 
                         <label>漫游可行</label>
 
                         <label>漫游可行</label>
 
                     </li>
 
                     </li>
 
+                    <li data-name="cadMap">
 
+                        <span class="panoVisible"></span>
 
+                        <label>小地图</label>
 
+                    </li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
             <div class="toolMid">
 
             <div class="toolMid">
 
@@ -100,7 +104,7 @@
 
                     <!-- 画布区域 -->
 
                     <!-- 画布区域 -->
 
                     <div class="webgl-inside">
 
                     <div class="webgl-inside">
 
                         <div class="content">
 
                         <div class="content">
 
-                            <div id="hot"> 
+                            <div id="hot">
 
                             </div>
 
                             </div>
 
                             <div id="popup">
 
                             <div id="popup">
 
                                 <div class="popup-content">
 
                                 <div class="popup-content">
 
@@ -123,7 +127,7 @@
 
                                 </div>
 
                                 </div>
 
                                 <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
                                 <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
                                     <h2 class="model-title"></h2>
 
                                     <h2 class="model-title"></h2>
 
-                                    <div class="message-inner"> 
+                                    <div class="message-inner">
 
                                         <div class="progressbar" data-perc="100">
 
                                         <div class="progressbar" data-perc="100">
 
                                             <div class="label">
 
                                             <div class="label">
 
                                                 <div class="perc">0%</div>
 
                                                 <div class="perc">0%</div>
 
@@ -888,9 +892,9 @@
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="midBottom hasPad">
 
                 <div class="midBottom hasPad">
 
-                    <!-- 中间下部 --> 
+                    <!-- 中间下部 -->
 
                     <div class="confirmSnap innerBtn hide" id="camera-start">点此设置为初始画面</div>
 
                     <div class="confirmSnap innerBtn hide" id="camera-start">点此设置为初始画面</div>
 
-                    <!--  <div class="innerBtn hide cancel" data-lang="">隐藏该点</div>  -->	
+                    <!--  <div class="innerBtn hide cancel" data-lang="">隐藏该点</div>  -->
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="toolRight">
 
             <div class="toolRight">
 
@@ -965,7 +969,8 @@
 
                                     </div>
 
                                     </div>
 
                                     <ul>
 
                                     <ul>
 
                                         <li>
 
                                         <li>
 
-                                            <input name="isSprite" class="editCheckbox" type="checkbox" value="isSprite" id="isSprite">
 
+                                            <input name="isSprite" class="editCheckbox" type="checkbox" value="isSprite"
 
+                                                id="isSprite">
 
                                             <label for="isSprite"></label>
 
                                             <label for="isSprite"></label>
 
                                             <label for="isSprite">恒朝向相机 </label>
 
                                             <label for="isSprite">恒朝向相机 </label>
 
                                         </li>
 
                                         </li>
 
@@ -975,19 +980,23 @@
 
                                         <!-- <li class="halfCell" index="scale" data-lang="">缩放</li> -->
 
                                         <!-- <li class="halfCell" index="scale" data-lang="">缩放</li> -->
 
                                         <li class="halfCell" index="rotate" data-lang="">旋转</li>
 
                                         <li class="halfCell" index="rotate" data-lang="">旋转</li>
 
                                     </ul>
 
                                     </ul>
 
-                                </li>  
+                                </li>
 
                                 <li class="style">
 
                                 <li class="style">
 
                                     <div class="itemTitle">
 
                                     <div class="itemTitle">
 
                                         <span>样式</span>
 
                                         <span>样式</span>
 
                                     </div>
 
                                     </div>
 
                                     <ul class="MenuOptions innerBtn">
 
                                     <ul class="MenuOptions innerBtn">
 
                                         <li class="halfCell chosen" index="default">默认</li>
 
                                         <li class="halfCell chosen" index="default">默认</li>
 
-                                        <li class="halfCell" index="user" >自定义</li> 
+                                        <li class="halfCell" index="user">自定义</li>
 
                                     </ul>
 
                                     </ul>
 
                                     <div id="userUploadStyle" class="hide">
 
                                     <div id="userUploadStyle" class="hide">
 
                                         <ul>
 
                                         <ul>
 
-                                            <li class="upload "><div> </div><a class="del"></a></li>
 
-                                            <li class="upload hide"><div> </div><a class="del"></a></li>
 
+                                            <li class="upload ">
 
+                                                <div> </div><a class="del"></a>
 
+                                            </li>
 
+                                            <li class="upload hide">
 
+                                                <div> </div><a class="del"></a>
 
+                                            </li>
 
                                         </ul>
 
                                         </ul>
 
                                     </div>
 
                                     </div>
 
                                 </li>
 
                                 </li>
 
@@ -1055,7 +1064,7 @@
 
                                     <div class="itemTitle">
 
                                     <div class="itemTitle">
 
                                         <span>添加网页</span>
 
                                         <span>添加网页</span>
 
                                     </div>
 
                                     </div>
 
-                                     
+
 
                                     <!-- <ul>
 
                                     <!-- <ul>
 
                                         <li>
 
                                         <li>
 
                                             <input name="linkOutside" class="editCheckbox" type="checkbox" value="linkOutside" id="linkOutside"></input>
 
                                             <input name="linkOutside" class="editCheckbox" type="checkbox" value="linkOutside" id="linkOutside"></input>
 
@@ -1063,14 +1072,14 @@
 
                                             <label for="linkOutside">在新窗口打开（其他内容将失效） </label>
 
                                             <label for="linkOutside">在新窗口打开（其他内容将失效） </label>
 
                                         </li>
 
                                         </li>
 
                                     </ul>   
                                     </ul>   
-                                    --> 
+                                    -->
 
 
 
                                     <ul class="MenuOptions innerBtn" name="linkType">
 
                                     <ul class="MenuOptions innerBtn" name="linkType">
 
                                         <li class="halfCell chosen" index="common" data-lang="">普通</li>
 
                                         <li class="halfCell chosen" index="common" data-lang="">普通</li>
 
                                         <li class="halfCell" index="jumpLink" data-lang="">跳转</li>
 
                                         <li class="halfCell" index="jumpLink" data-lang="">跳转</li>
 
                                         <li class="halfCell" index="iframeDiv" data-lang="">iframe</li>
 
                                         <li class="halfCell" index="iframeDiv" data-lang="">iframe</li>
 
-                                    </ul> 
-                                    <label class="remark">方式1须https， 方式2、3  除当前第一个链接外，其他内容将不展现。</label>
 
+                                    </ul>
 
+                                    <label class="remark">方式1须https， 方式2、3 除当前第一个链接外，其他内容将不展现。</label>
 
                                     <div class="list"></div>
 
                                     <div class="list"></div>
 
                                     <div class="linkBtns">
 
                                     <div class="linkBtns">
 
                                         <div class="buttons">
 
                                         <div class="buttons">
 
@@ -1085,11 +1094,12 @@
 
                                     </div>
 
                                     </div>
 
                                     <ul>
 
                                     <ul>
 
                                         <li>
 
                                         <li>
 
-                                            <input name="noAction" class="editCheckbox" type="checkbox" value="noAction" id="noAction">
 
+                                            <input name="noAction" class="editCheckbox" type="checkbox" value="noAction"
 
+                                                id="noAction">
 
                                             <label for="noAction"></label>
 
                                             <label for="noAction"></label>
 
                                             <label for="noAction">仅用于指示（不弹窗）</label>
 
                                             <label for="noAction">仅用于指示（不弹窗）</label>
 
                                         </li>
 
                                         </li>
 
-                                    </ul> 
+                                    </ul>
 
                                 </li>
 
                                 </li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
@@ -1112,6 +1122,70 @@
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
 
+                <div class="cadMap content hide">
 
+                    <ul>
 
+                        <li data-name="other">
 
+                            <ul class="other-item">
 
+                                <li>
 
+                                    <input name="show-cad" class="editCheckbox" type="checkbox">
 
+                                    <label for="show-cad"></label>
 
+                                    <label for="show-cad">开启小地图 </label>
 
+                                </li>
 
+                            </ul>
 
+                        </li>
 
+                        
+                        <li data-name="floorMarkerColor">
 
+                            <div class="itemTitle">
 
+                                <span>线条粗细</span>
 
+                            </div>
 
+                            <ul class="clearfix hotStyle-item colorWrap">
 
+                                <select class="cad-size" id="cad-size">
 
+                                    <option value="0.01">1px</option>
 
+                                    <option value="0.02">2px</option>
 
+                                    <option value="0.03">3px</option>
 
+                                    <option value="0.04">4px</option>
 
+                                    <option value="0.05">5px</option>
 
+                                    <option value="0.06">6px</option>
 
+                                </select>
 
+                            </ul>
 
+                        </li>
 
+                        <li data-name="floorMarkerColor">
 
+                            <div class="itemTitle">
 
+                                <span>线条颜色</span>
 
+                            </div>
 
+                            <ul class="clearfix hotStyle-item colorWrap">
 
+                                <input id="cadBorderColorTex" class="color-text" type="text" placeholder="请输入颜色" />
 
+                                <input id="cadBorderColor" type="color" />
 
+                            </ul>
 
+                        </li>
 
+                        <li data-name="MouseMarkerColor">
 
+                            <div class="itemTitle">
 
+                                <span>相机颜色</span>
 
+                            </div>
 
+                            <ul class="clearfix hotStyle-item colorWrap">
 
+                                <input id="cadSignColorTex" class="color-text" type="text" placeholder="请输入颜色" />
 
+                                <input id="cadSignColor" type="color" />
 
+                            </ul>
 
+                        </li>
 
+                        <!-- <ul class="cad-setting">
 
+                                <li>
 
+                                    <label for="">线宽</label>
 
+                                    <select name="" id="">
 
+                                        <option value="1">1px</option>
 
+                                        <option value="2">2px</option>
 
+                                        <option value="3">3px</option>
 
+                                        <option value="4">4px</option>
 
+                                        <option value="5">5px</option>
 
+                                    </select>
 
+                                </li>
 
+                                <li>
 
+                                    <label for="">相机颜色</label>
 
+                                    <input type="color" name="" id="">
 
+                                </li>
 
+                            </ul> -->
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
                 <div class="information content">
 
                 <div class="information content">
 
                     <ul>
 
                     <ul>
 
                         <li data-name="title">
 
                         <li data-name="title">
 
@@ -1124,21 +1198,23 @@
 
                             <!-- <div class="unComplete">请填写项目名称</div> -->
 
                             <!-- <div class="unComplete">请填写项目名称</div> -->
 
                         </li>
 
                         </li>
 
                         <li data-name="description">
 
                         <li data-name="description">
 
-                            <div class="itemTitle" data-size="200" id="project-intro2" >
 
+                            <div class="itemTitle" data-size="200" id="project-intro2">
 
                                 <span>简介内容</span>
 
                                 <span>简介内容</span>
 
                             </div>
 
                             </div>
 
 
 
-                            <textarea placeholder="大场景的简介" id="info-summary" class="editText" maxlength="200"></textarea>
 
+                            <textarea placeholder="大场景的简介" id="info-summary" class="editText"
 
+                                maxlength="200"></textarea>
 
 
 
                             <div class="itemTitle" data-size="200" id="project-intro2">
 
                             <div class="itemTitle" data-size="200" id="project-intro2">
 
                                 <span>分享文字</span>
 
                                 <span>分享文字</span>
 
                             </div>
 
                             </div>
 
 
 
-                            <textarea placeholder="微信分享的描述" id="weixin-summary" class="editText" maxlength="200"></textarea>
 
-                            
-                            <div class="itemTitle" data-size="建议图片为正方形" >
 
+                            <textarea placeholder="微信分享的描述" id="weixin-summary" class="editText"
 
+                                maxlength="200"></textarea>
 
+
 
+                            <div class="itemTitle" data-size="建议图片为正方形">
 
                                 <span>分享图片</span>
 
                                 <span>分享图片</span>
 
-                            </div> 
+                            </div>
 
                             <div class="list edit-fun-images clearfix forShareImg"></div>
 
                             <div class="list edit-fun-images clearfix forShareImg"></div>
 
                             <div class="upload" id="shareImgUpload">
 
                             <div class="upload" id="shareImgUpload">
 
                                 <div data-type="photo">
 
                                 <div data-type="photo">
 
@@ -1146,7 +1222,7 @@
 
                                     <div class="buttons">
 
                                     <div class="buttons">
 
                                         <button class="submit innerBtn">更改</button>
 
                                         <button class="submit innerBtn">更改</button>
 
                                     </div>
 
                                     </div>
 
-                                    <input type="file" >
 
+                                    <input type="file">
 
                                 </div>
 
                                 </div>
 
                                 <a class="del hasHover"></a>
 
                                 <a class="del hasHover"></a>
 
                             </div>
 
                             </div>
 
@@ -1217,7 +1293,7 @@
 
                                         value="hideMouseMarker" id="hideMouseMarker">
 
                                         value="hideMouseMarker" id="hideMouseMarker">
 
                                     <label for="hideMouseMarker"></label>
 
                                     <label for="hideMouseMarker"></label>
 
                                     <label for="hideMouseMarker">隐藏鼠标标记 </label>
 
                                     <label for="hideMouseMarker">隐藏鼠标标记 </label>
 
-                                </li> 
+                                </li>
 
                                 <li>
 
                                 <li>
 
                                     <input name="g_specialScene" class="editCheckbox" type="checkbox"
 
                                     <input name="g_specialScene" class="editCheckbox" type="checkbox"
 
                                         value="g_specialScene" id="g_specialScene">
 
                                         value="g_specialScene" id="g_specialScene">
 
@@ -1233,10 +1309,11 @@
 
                             </ul>
 
                             </ul>
 
                             <ul>
 
                             <ul>
 
                                 <li>
 
                                 <li>
 
-                                    <label class="remark">注： <br>特殊大场景：一般不勾选，是对某些需要特殊处理的场景设置的。如果勾选了还需要将处理的内容写进SpecialScene.js，否则没有作用。
 
-                                    <br><br>启动二代数据：和tile贴图有关。</label>
 
+                                    <label class="remark">注：
 
+                                        <br>特殊大场景：一般不勾选，是对某些需要特殊处理的场景设置的。如果勾选了还需要将处理的内容写进SpecialScene.js，否则没有作用。
 
+                                        <br><br>启动二代数据：和tile贴图有关。</label>
 
                                 </li>
 
                                 </li>
 
-                            </ul>     
+                            </ul>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
 
@@ -1321,7 +1398,7 @@
 
                         </div>
 
                         </div>
 
                         <li class="addTour">
 
                         <li class="addTour">
 
                             <div class="buttons begin">
 
                             <div class="buttons begin">
 
-                                <button class="innerBtn">添加导览</button> 
+                                <button class="innerBtn">添加导览</button>
 
                             </div>
 
                             </div>
 
                         </li>
 
                         </li>
 
                         <li data-name="MouseMarkerColor" class="tourSelectWarp">
 
                         <li data-name="MouseMarkerColor" class="tourSelectWarp">
 
@@ -1334,7 +1411,7 @@
 
                                 </label>
 
                                 </label>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
-                        <li class="tourList"> 
+                        <li class="tourList">
 
                             <ul id="tourListWrap" class="tourListWrap">
 
                             <ul id="tourListWrap" class="tourListWrap">
 
 
 
                             </ul>
 
                             </ul>
 
@@ -1357,80 +1434,84 @@
 
                 </div>
 
                 </div>
 
                 <div class="wallDesign content hide"></div>
 
                 <div class="wallDesign content hide"></div>
 
                 <div class="panoVisible content hide">
 
                 <div class="panoVisible content hide">
 
-                    <ul class="view-setting"><li ><div class="itemTitle"><span>漫游可行</span></div>
 
-                        <div  class="remark">通过设置漫游可行，进一步优化在漫游时出现的体验；例如，您在漫游时，出现穿透房间的情况。</div>  
-                        <div  class="remark">点击“保存当前设置”后展示页面立即生效。</div>
 
+                    <ul class="view-setting">
 
+                        <li>
 
+                            <div class="itemTitle"><span>漫游可行</span></div>
 
+                            <div class="remark">通过设置漫游可行，进一步优化在漫游时出现的体验；例如，您在漫游时，出现穿透房间的情况。</div>
 
+                            <div class="remark">点击“保存当前设置”后展示页面立即生效。</div>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
 
                 <div class="overlay content hide">
 
                 <div class="overlay content hide">
 
                     <ul>
 
                     <ul>
 
-						<li class="addBtn"> 
-							<div class="buttons">
 
-								<button class="innerBtn" data-type = 'video' >添加视频</button>
 
-                                <button class="innerBtn" data-type = 'photo'>添加图片</button>
 
-							</div>
 
-						</li>
 
-						<li class="overlayList ">
 
+                        <li class="addBtn">
 
+                            <div class="buttons">
 
+                                <button class="innerBtn" data-type='video'>添加视频</button>
 
+                                <button class="innerBtn" data-type='photo'>添加图片</button>
 
+                            </div>
 
+                        </li>
 
+                        <li class="overlayList ">
 
                             <div class="itemTitle">
 
                             <div class="itemTitle">
 
                                 <span>已添加的视频</span>
 
                                 <span>已添加的视频</span>
 
                             </div>
 
                             </div>
 
                             <ul>
 
                             <ul>
 
-                            
+
 
                             </ul>
 
                             </ul>
 
-                        </li> 
-					</ul>                
+                        </li>
 
+                    </ul>
 
                 </div>
 
                 </div>
 
-                
-				<div id="overlayProp" class="secondary atRight ">
 
-					<div class="itemTitle head">
 
-						<span data-lang="">展览属性</span>
 
-						<a class="close"></a>
 
-					</div> 
-					<div class="content"> 
-						<ul>   
-							<li id="overlayUpload"> 
-								<div class="itemTitle">
 
-									<span data-lang="">预览</span>  
-									<div class="buttons" name="upload">
 
-										<button class="innerBtn" data-lang="">上传视频</button> 
-									</div>
 
-								</div> 
-								<div class="preview"><span class="text">支持MP4、MOV等，＜20M</span> <span attr-type="height"></span><span attr-type="width"></span></div>
 
-								<div class="buttons" name="useImgRatio">
 
-									<button class="innerBtn" data-lang="">恢复原始比例</button>
 
-								</div>
 
-								<ul class="MenuOptions innerBtn" name="transform">
 
-									<li class="halfCell chosen" index="translate" data-lang="">位移</li>
 
-									<li class="halfCell" index="scale" data-lang="">缩放</li>
 
-									<li class="halfCell" index="rotate" data-lang="">旋转</li>
 
-								</ul> 
-                                <ul id='setOverlayPosForPano' class="switch clearfix hotStyle-item colorWrap" style="margin-top:20px">
 
+
 
+                <div id="overlayProp" class="secondary atRight ">
 
+                    <div class="itemTitle head">
 
+                        <span data-lang="">展览属性</span>
 
+                        <a class="close"></a>
 
+                    </div>
 
+                    <div class="content">
 
+                        <ul>
 
+                            <li id="overlayUpload">
 
+                                <div class="itemTitle">
 
+                                    <span data-lang="">预览</span>
 
+                                    <div class="buttons" name="upload">
 
+                                        <button class="innerBtn" data-lang="">上传视频</button>
 
+                                    </div>
 
+                                </div>
 
+                                <div class="preview"><span class="text">支持MP4、MOV等，＜20M</span> <span
 
+                                        attr-type="height"></span><span attr-type="width"></span></div>
 
+                                <div class="buttons" name="useImgRatio">
 
+                                    <button class="innerBtn" data-lang="">恢复原始比例</button>
 
+                                </div>
 
+                                <ul class="MenuOptions innerBtn" name="transform">
 
+                                    <li class="halfCell chosen" index="translate" data-lang="">位移</li>
 
+                                    <li class="halfCell" index="scale" data-lang="">缩放</li>
 
+                                    <li class="halfCell" index="rotate" data-lang="">旋转</li>
 
+                                </ul>
 
+                                <ul id='setOverlayPosForPano' class="switch clearfix hotStyle-item colorWrap"
 
+                                    style="margin-top:20px">
 
                                     <label><input class="mui-switch mui-switch-animbg" type="checkbox">
 
                                     <label><input class="mui-switch mui-switch-animbg" type="checkbox">
 
-                                        当前漫游点独立调整 
+                                        当前漫游点独立调整
 
                                     </label>
 
                                     </label>
 
-                                    
+
 
                                 </ul>
 
                                 </ul>
 
                                 <label class="remark">如在其他点位出现错位，请开启此开关，独立调整在特定点位的位移/缩放/旋转。
 
                                 <label class="remark">如在其他点位出现错位，请开启此开关，独立调整在特定点位的位移/缩放/旋转。
 
-                                     </label>
 
-							</li>
 
-                            
-                               
-							 
-							<li> 
-								<div class="itemTitle">
 
-									<span data-lang="">厚度</span>  
-								</div>
 
-								<div id="videoDepth"></div> 
-							</li>  
-						</ul> 	
-					</div>
 
-					<div class="buttons tail">
 
-						<button class="submit innerBtn" data-lang="">完成</button>
 
-						<button class="delete cancel innerBtn" data-lang="">删除</button>
 
-					</div>					
-				</div>
 
-                
+                                </label>
 
+                            </li>
 
+
 
+
 
+
 
+                            <li>
 
+                                <div class="itemTitle">
 
+                                    <span data-lang="">厚度</span>
 
+                                </div>
 
+                                <div id="videoDepth"></div>
 
+                            </li>
 
+                        </ul>
 
+                    </div>
 
+                    <div class="buttons tail">
 
+                        <button class="submit innerBtn" data-lang="">完成</button>
 
+                        <button class="delete cancel innerBtn" data-lang="">删除</button>
 
+                    </div>
 
+                </div>
 
+
 
             </div>
 
             </div>
 
             <div data-label="video">
 
             <div data-label="video">
 
                 <div class="fun-view-video">
 
                 <div class="fun-view-video">
 
@@ -1448,19 +1529,19 @@
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 
 
-    <script> 
-         
+    <script>
 
+
 
         //本地:
 
         //本地:
 
-        var token ="eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbiIsInJvbGUiOm51bGwsIm1hbmFnZXIiOm51bGwsImlkIjoxLCJ1c2VyTmFtZSI6ImFkbWluIiwiZXhwIjoxNTk3MTA5MDk0LCJpYXQiOjE1OTcwMjI2OTQsImp0aSI6ImY4YzI1MTcyLWM0NmUtNGNmYi04MjRhLWJkMmU2YWRmOWVjZSJ9.kUEmWOCJ0WONTkUI1vTToLePfzgbLiWwhU5nEWIsvlg"
 
-        var ceshi = 'http://47.107.252.54:8105';
 
-         /*
 
-        //大场景: 
-        var ceshi = '';
 
-        var token = window.localStorage.dcj_token 
-        if (!token) {
 
-           window.location.href = '../list/index.html'
 
-        } 
-        */
 
+        // var token = "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbiIsInJvbGUiOm51bGwsIm1hbmFnZXIiOm51bGwsImlkIjoxLCJ1c2VyTmFtZSI6ImFkbWluIiwiZXhwIjoxNjE2NTc1MjU5LCJpYXQiOjE2MTY0ODg4NTksImp0aSI6ImJjZGNhZmQxLTU2NGItNGVhMC1hYTE5LWY1ZWRjZThjZTM3ZiJ9.ODMw__rU7GfuGNZNKo14ll7HnOYEG-yNM3Rqh-XYqw4"
 
+        var ceshi = 'http://47.112.166.173:8105/';
 
+        /*
 
+       //大场景: 
+       var ceshi = '';
 
+       var token = window.localStorage.dcj_token 
+       if (!token) {
 
+          window.location.href = '../list/index.html'
 
+       } 
+       */
 
         /*
 
         /*
 
         //军史馆:
 
         //军史馆:
 
         var ceshi = "http://192.168.0.44:8101/"
 
         var ceshi = "http://192.168.0.44:8101/"
 
@@ -1469,10 +1550,10 @@
 
            window.location.href = "http://192.168.0.44:8101/bigscene/#/"
 
            window.location.href = "http://192.168.0.44:8101/bigscene/#/"
 
         }
 
         }
 
         */
 
         */
 
-        
-        
+
 
+
 
         var log = window.location.href.substring(window.location.href.indexOf("?") + 1).indexOf('log') > -1;
 
         var log = window.location.href.substring(window.location.href.indexOf("?") + 1).indexOf('log') > -1;
 
-        
+
 
         if (log) {
 
         if (log) {
 
             var textarea = document.createElement('textarea');
 
             var textarea = document.createElement('textarea');
 
             textarea.id = "consoleLog";
 
             textarea.id = "consoleLog";
 
@@ -1531,6 +1612,7 @@
 
     <script src="js/overlay.js"></script>
 
     <script src="js/overlay.js"></script>
 
     <script src="js/TransformControls.js"></script>
 
     <script src="js/TransformControls.js"></script>
 
     <script src="js/main_2020_edit.js"></script>
 
     <script src="js/main_2020_edit.js"></script>
 
+    <script src="js/loadCAD.js"></script>
 
 </body>
 
 </body>
 
 
 
 </html>
 
 </html>

+ 91 - 4
js/edit.js
查看文件 

@@ -49,6 +49,7 @@ EditTools.prototype.init = function() {
 
         that.editMiuse.init(data);
 
         that.editMiuse.init(data);
 
         //请求完someData.js 之后再请求data2.js
 
         //请求完someData.js 之后再请求data2.js
 
         data2(data, that.sceneInformation.init);
 
         data2(data, that.sceneInformation.init);
 
+        
     })
 
     })
 
     //请求热点数据 data2.js
 
     //请求热点数据 data2.js
 
     function data2(data, callback) {
 
     function data2(data, callback) {
 
@@ -211,6 +212,13 @@ EditTools.prototype.initSaveAll = function() {
 
                 // 热点缩放
 
                 // 热点缩放
 
                 supportsVR: $('#VRSwitch input').is(':checked'),
 
                 supportsVR: $('#VRSwitch input').is(':checked'),
 
                 // 开启VR功能
 
                 // 开启VR功能
 
+
 
+
 
+                /**************** 陈志广 小地图可配置项   *********** */
 
+                cadSignColor: $('#cadSignColor').val(),
 
+                cadBorderColor: $('#cadBorderColor').val(),
 
+                cadBorderWidth: $('#cad-size').val(),
 
+                showCad: $('input[name="show-cad"]').is(':checked'),
 
             }
 
             }
 
 
 
             var overlayInfo = []
 
             var overlayInfo = []
 
@@ -380,17 +388,18 @@ function initColorElem(data, elem) {
 
     let $mouseMarkerColor = $('#mouseMarkerColor');
 
     let $mouseMarkerColor = $('#mouseMarkerColor');
 
     let $floorMarkerColorTex = $('#floorMarkerColorTex');
 
     let $floorMarkerColorTex = $('#floorMarkerColorTex');
 
     let $mouseMarkerColorTex = $('#mouseMarkerColorTex');
 
     let $mouseMarkerColorTex = $('#mouseMarkerColorTex');
 
+    let $cadSignColor = $('#cadSignColor');
 
+    let $cadSignColorTex = $('#cadSignColorTex');
 
+    let $cadBorderColor = $('#cadBorderColor');
 
+    let $cadBorderColorTex = $('#cadBorderColorTex');
 
 
 
     var colorRe = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/;
 
     var colorRe = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/;
 
 
 
-    // 判断data中是否有存在的颜色值, 否则设置默认值
 
-    data.floorMarkerColor ? $floorMarkerColor.val(data.floorMarkerColor) : $floorMarkerColor.val('#4bcdfc');
 
-    data.mouseMarkerColor ? $mouseMarkerColor.val(data.mouseMarkerColor) : $mouseMarkerColor.val('#4bcdfc');
 
     // 事件监听
 
     // 事件监听
 
     $floorMarkerColor.on('change', function(e) {
 
     $floorMarkerColor.on('change', function(e) {
 
         $('#floorMarkerColorTex').attr('placeholder', e.target.value)
 
         $('#floorMarkerColorTex').attr('placeholder', e.target.value)
 
-
 
     })
 
     })
 
+
 
     $floorMarkerColorTex.on('blur keydown', function(e) {
 
     $floorMarkerColorTex.on('blur keydown', function(e) {
 
         (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $floorMarkerColor, this);
 
         (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $floorMarkerColor, this);
 
     })
 
     })
 
@@ -401,6 +410,24 @@ function initColorElem(data, elem) {
 
     $mouseMarkerColorTex.on('blur keydown', function(e) {
 
     $mouseMarkerColorTex.on('blur keydown', function(e) {
 
         (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $mouseMarkerColor, this);
 
         (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $mouseMarkerColor, this);
 
     })
 
     })
 
+    
+    // 事件监听
 
+    $cadSignColor.on('change', function(e) {
 
+        $('#cadSignColorTex').attr('placeholder', e.target.value)
 
+    })
 
+    
+    $cadSignColorTex.on('blur keydown', function(e) {
 
+        (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $cadSignColor, this);
 
+    })
 
+    
+    // 事件监听
 
+    $cadBorderColor.on('change', function(e) {
 
+        $('#cadBorderColorTex').attr('placeholder', e.target.value)
 
+    })
 
+    
+    $cadBorderColorTex.on('blur keydown', function(e) {
 
+        (e.type === 'blur' || e.type === 'keydown' && e.keyCode === 13) && setColor(e, $cadBorderColor, this);
 
+    })
 
 
 
     // 设置颜色值
 
     // 设置颜色值
 
     function setColor(e, colorElem, inputElem) {
 
     function setColor(e, colorElem, inputElem) {
 
@@ -409,6 +436,66 @@ function initColorElem(data, elem) {
 
         // isColor ? colorElem.val(e.target.value): (inputElem.placeholder = colorElem.val());
 
         // isColor ? colorElem.val(e.target.value): (inputElem.placeholder = colorElem.val());
 
     }
 
     }
 
 
 
+    
+    // 判断data中是否有存在的颜色值, 否则设置默认值
 
+    data.floorMarkerColor ? $floorMarkerColor.val(data.floorMarkerColor) : $floorMarkerColor.val('#4bcdfc');
 
+    data.mouseMarkerColor ? $mouseMarkerColor.val(data.mouseMarkerColor) : $mouseMarkerColor.val('#4bcdfc');
 
+    
+    // 判断data中是否有存在的颜色值, 否则设置默认值
 
+    data.cadSignColor ? $cadSignColor.val(data.cadSignColor) : $cadSignColor.val('#00c8af');
 
+    data.cadBorderColor ? $cadBorderColor.val(data.cadBorderColor) : $cadBorderColor.val('#ffffff');
 
+
 
+
 
+    $('input[name="show-cad"]')[0].checked = !!data.showCad
 
+
 
+    $('#cad-size > option[value="'+(data.cadBorderWidth ? data.cadBorderWidth : '0.01')+'"]').attr("selected",true);
 
+
 
+    if (data.showCad) {
 
+        $('input[name="show-cad"]').trigger('change')
 
+    }
 
+}
 
+
 
+
 
+$('input[name="show-cad"]').on('change', function(ev) {
 
+    if (!ev.target.checked) {
 
+        return $('.cad').hide()
 
+    }
 
+    
+    let taht = this
 
+    if (!taht.floorJSON) {
 
+        $.ajax({
 
+            url: '//super.4dage.com/data/'+ window.number +'/floor.json', 
+            method: 'GET',
 
+            success(res) {
 
+                taht.floorJSON = res
 
+                loadCAD(taht.floorJSON)
 
+                
+                $('#cadSignColor').on('change', function(ev) {
 
+                    loadCAD()
 
+                })
 
+
 
+                $('#cadBorderColor').on('change', function(ev) {
 
+                    loadCAD()
 
+                })
 
+
 
+                $('#cad-size').on('change', function(ev) {
 
+                    loadCAD()
 
+                })
 
+            },
 
+            error() {
 
+                alert('当前场景没有小地图floor.json文件，请联系三维部门添加')
 
+                ev.target.checked = false
 
+            }
 
+        })
 
+    } else {
 
+        console.log('0000000000000000000')
 
+        $('.cad').show()
 
+    }
 
+})
 
+
 
+
 
+function loadCAD(data) {
 
+    grendCAD(data, $('#player')[0], $('#cadSignColor').val(), $('#cadBorderColor').val(), $('#cad-size').val())
 
 }
 
 }
 
 
 
 function addListener() {}
 
 function addListener() {}

+ 132 - 0
js/loadCAD.js
查看文件 

@@ -0,0 +1,132 @@
 
+window.grendCAD = (function grendCAD() {
 
+  let initFloor
 
+  let initScript
 
+  let initDOM
 
+  let point, dire
 
+
 
+  window.cad = {
 
+    setSign: function(p, d) {
 
+      point = p
 
+      dire = d
 
+    }
 
+  }
 
+
 
+  function loadScript(cb) {
 
+    if (initScript) return cb()
 
+
 
+    let $script = document.createElement('script')
 
+    $script.src = '//www.4dmodel.com/CAD/bundle.js'
 
+    $script.onload = function() {
 
+      initScript = true
 
+      cb()
 
+    }
 
+
 
+    document.documentElement.appendChild($script)
 
+  }
 
+
 
+  function loadDOM($parent) {
 
+    if (initDOM) return initDOM;
 
+    let $layer = document.createElement('div')
 
+    let $cad = document.createElement('div')
 
+
 
+    $layer.className = 'cad'
 
+    $cad.id = 'cad'
 
+    $layer.appendChild($cad)
 
+
 
+
 
+    let style = document.createElement('style')
 
+    style.innerHTML = `
 
+      .cad {
 
+        position: absolute;
 
+        right: 80px;
 
+        top: 16px;
 
+        width: 200px;
 
+        height: 200px;
 
+        background: rgba(0, 0, 0, .3);
 
+        border-radius: 5px;
 
+      }
 
+
 
+      .cad > div {
 
+        width: 100%;
 
+        height: 100%;
 
+      }
 
+
 
+      @media only screen and (max-width: 600px) { 
+        .cad {
 
+            position: absolute;
 
+            left: 16px;
 
+            top: 65px;
 
+            width: 100px;
 
+            height: 100px;
 
+            background: rgba(0, 0, 0, .3);
 
+            border-radius: 5px;
 
+        }
 
+      }
 
+    `
 
+
 
+    document.documentElement.appendChild(style)
 
+    document.documentElement.appendChild($layer)
 
+    $parent.appendChild(style)
 
+    $parent.appendChild($layer)
 
+    return $layer
 
+  }
 
+
 
+
 
+  function setStyle(signColor, borderColor, borderWidth) {
 
+    cad.setDefaultPointStyle({
 
+      fillColor: "rgba(0,0,0,0)",
 
+      storkeColor: "rgba(0,0,0,0)"
 
+    });
 
+
 
+    console.log(borderWidth)
 
+    cad.setDefaultLineStyle({
 
+      width: borderWidth,
 
+      color: borderColor
 
+    });
 
+
 
+    cad.setDefaultSignStyle({
 
+      color: signColor
 
+    })
 
+  }
 
+
 
+
 
+  return function(floor, $parent, signColor, borderColor, borderWidth) {
 
+    if (initFloor) {
 
+      console.log('cache')
 
+      return setStyle(signColor, borderColor, borderWidth)
 
+    }
 
+    console.log('load')
 
+    initFloor = floor
 
+
 
+    loadScript(function() {
 
+      let $layer = loadDOM($parent)
 
+
 
+      $layer.style.visibility = 'hidden'
 
+      window.cad = structureCAD({
 
+        data: {
 
+            block: [],
 
+            column: [],
 
+            door: [],
 
+            hole: [],
 
+            segment: [],
 
+            "vertex-xy": [],
 
+            "vertex-z": [],
 
+        }, 
+        layer: $layer.querySelector('#cad'),
 
+        edit: false
 
+      });
 
+      
+      setStyle(signColor, borderColor, borderWidth)
 
+      cad.hideDire()
 
+      cad.hideGauge()
 
+  
+      console.log('loadData')
 
+      cad.loadData(initFloor);
 
+      if (point && dire) {
 
+        window.cad.setSign(point, dire)
 
+      }
 
+      $layer.style.visibility = 'visible'
 
+    })
 
+
 
+  }
 
+})();

+ 1 - 0
js/main_2020_edit.js
查看文件 

@@ -21070,6 +21070,7 @@ function o(a, s, l) {
 
                     }
 
                     }
 
                     
                     
                 }
 
                 }
 
+                this.mode == "panorama" && cad.setSign({ x: this.position.x, y: this.position.z },this.cameraControls.controls.panorama.lon);
 
                 this.model.supportsTiles && (this.updateTileDownloader(F),
 
                 this.model.supportsTiles && (this.updateTileDownloader(F),
 
                 this.updatePanoRenderer(F)),
 
                 this.updatePanoRenderer(F)),
 
                 this.updatePreRendering(F),
 
                 this.updatePreRendering(F),

+ 829 - 0
showa/index.html
查看文件 

@@ -0,0 +1,829 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport"
 
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <title></title>
 
+    <meta name="description" content="四维时代">
 
+    <meta property="og:title" content="四维时代">
 
+    <meta property="og:description" content="四维时代">
 
+    <meta property="og:image:type" content="image/jpg">
 
+    <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep">
 
+    <link rel="stylesheet" href="css/oldVer/main0.css">
 
+    <link rel="stylesheet" href="css/main.css?v=2.25">
 
+    <!-- <link rel="stylesheet" href="/CAD/cad.css?v=2.25"> -->
 
+    <script>
 
+        var number = window.location.href.substring(window.location.href.indexOf("=") + 1);
 
+        if (number.indexOf("&") != -1) {
 
+            number = number.substring(0, number.indexOf("&"));
 
+        }
 
+        if (number.indexOf("#") != -1) {
 
+            number = number.substring(0, number.indexOf("#"));
 
+        } 
+    </script>
 
+    <script>
 
+        var _hmt = _hmt || [];
 
+        (function() {
 
+          var hm = document.createElement("script");
 
+          hm.src = "https://hm.baidu.com/hm.js?73402bb08ff95cb21b7f1673250c532d";
 
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
 
+        })();
 
+    </script>
 
+    <script class="build keep">
 
+        if (window.performance) {
 
+            window.navigationStart = window.performance.timing.navigationStart;
 
+        } else {
 
+            window.navigationStart = Date.now() + 300;
 
+        } 
+        
+    </script>
 
+    <style>
 
+        #consoleLog{ 
+          width: 120px;
 
+          height: 153px;
 
+          position: absolute;
 
+          right: 0px;
 
+          bottom: 160px;
 
+          z-index: 999999;
 
+          color: black;
 
+          opacity: 0.9;
 
+            font-size: 12px;
 
+        }
 
+    
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="hot"> 
+    </div>
 
+    <div id="popup">
 
+        <div class="popup-content">
 
+
 
+        </div>
 
+        <div id="closepop">close</div>
 
+    </div>
 
+    <div class="sidecontent" style="width:35%">
 
+        <h1><span class="side-client-close">关闭</span></h1>
 
+        <image id="sideimg" style="width:90%" /></br>
 
+        <p id="text">
 
+        </p>
 
+    </div>
 
+    <div id="gui-thumb" style="display: none;"></div>
 
+    <div id="player" style="display: none;"></div>
 
+    <div id="gui-parent">
 
+        <div id="memory-info"
 
+            style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+            GPU memory used: <span id="memory-gpu"></span>
 
+        </div>
 
+        <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="loadingLogo"> 
+                    <div class="img"> 
+                    </div> 
+                </div> 
+                <div class="progressbar" data-perc="100">
 
+                    <div class="label">
 
+                        <div class="perc">0%</div>
 
+                    </div>
 
+                    <div class="bar"><span></span></div>
 
+                </div>
 
+                <div id="loaderCoBrand">
 
+                    <div class="vert-align">
 
+                        <h2 id="loaderCoBrandName">四维时代提供技术支持</h2>
 
+                    </div>
 
+                </div>
 
+                <div class="bottom-logo">
 
+                    <div class="img"></div>
 
+                </div>
 
+                <div class="specialPower">
 
+                    <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                    &#xA0;<div class="img"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="gui" style="display: none;">
 
+            <div id="vrOff">
 
+                <img id="vrOffImg" src="images/vrOffImg.png" alt="">
 
+            </div>
 
+            <div id="hotListWrap">
 
+                <div id="hotListTitle">
 
+                    <div>
 
+                        <span id="hotListText">热点列表</span>
 
+                        <img id="hotListIcon" src="images/hotlist.png" alt="">
 
+                    </div>
 
+
 
+                </div>
 
+                <div id="hotListContent">
 
+                    <ul>
 
+                    </ul>
 
+                </div>
 
+                <div id="hotListBottom">
 
+                    <img id="hotListClose" src="images/hotListClose.png" alt="">
 
+                </div>
 
+            </div>
 
+            <div class="pinTop left">
 
+                <div id="model-title">
 
+                    <div class="title-row">
 
+                        <div id="title-toggle">
 
+                            <a>
 
+                                <i class="icon icon-dpad-left"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                            <div class="title-container  meta-toggle">
 
+                                <div class="co-brand">
 
+                                    {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                </div>
 
+                                <div id="title-logo">
 
+                                    <i></i>
 
+                                </div>
 
+                                <div id="gui-name" class="titleText"></div>
 
+                                <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="meta-info-wrapper">
 
+                    <div id="meta-info" class="darkGlass">
 
+                        <div id="meta-description"></div>
 
+                        <div class="contact-info">
 
+                            <i class="icon icon-user pull-left"></i>
 
+                            &#xA0;<div id="contact-data"></div>
 
+                        </div>
 
+                        <div class="address">
 
+                            <i class="icon icon-pin"></i>
 
+                            <span id="addressTxt"></span>
 
+                        </div>
 
+                        <div id="tag-toggles" class="menu-toggles hidden">
 
+                            <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                            <div id="tag-inputs" class="menu-radios">
 
+                                <div id="show-tag" class="menu-radio-show">
 
+                                    <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                    <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                </div>
 
+                                <div id="hide-tag" class="menu-radio-hide">
 
+                                    <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                    <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="labels-toggles" class="menu-toggles hidden">
 
+                            <span>Labels</span>
 
+                            <div id="labels-inputs" class="menu-radios">
 
+                                <div id="show-label" class="menu-radio-show">
 
+                                    <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                    <label for="radio-labels-show">Show</label>
 
+                                </div>
 
+                                <div id="hide-label" class="menu-radio-hide">
 
+                                    <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                    <label for="radio-labels-hide">Hide</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="share-origin" class="hidden">
 
+                            <hr>
 
+                            <div>
 
+                                <i class="icon icon-ext-link"></i>
 
+                                <div id="share-link-wrapper"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="pinBottom-container">
 
+                <div class="pinBottom center">
 
+                    <div id="view-controllers">
 
+                        <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                <div class="pinBottom left">
 
+                    <div class="viewContainer">
 
+                        <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/play.png" width="24" height="24"
 
+                                    data-original-title="播放">
 
+                            </a>
 
+                        </div>
 
+                        <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                            <a>
 
+                                <img title="" src="images/play.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="pause" class="ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/pause.png" width="24" height="24"
 
+                                    data-original-title="暂停">
 
+                            </a>
 
+                        </div>
 
+                        <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                            </a>
 
+                        </div>
 
+                        <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="gui-modes-map" class="ui-icon double active">
 
+                            <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/auto.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="" style="display: none">
 
+                                <img class="icon icon-inside" src="images/hotlist.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/inside.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/dollhouse.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/floor.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none;">
 
+                                <img class="icon icon-inside" src="images/VR.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                style="display: none; float: left;">
 
+                                <img class="icon icon-inside" src="images/face.jpg" title="navigation icon" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom right hideTarget">
 
+                    <div class="rightViewContainer clearfix">
 
+                        <div class="gui-floor">
 
+                            <div class="gui-floor-title"></div>
 
+                            <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                            <!-- <i class="icon icon-dpad-up"></i> -->
 
+                            <div class="container"></div>
 
+                        </div>
 
+                        <div id="volume" class="ui-icon wide">
 
+                            <a>
 
+                                <img src="images/Volume btn_on.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ VIEW_FULLSCREEN }]}">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen-exit"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div class="pull-right terms terms2">
 
+                            <a>{[{ TERMS }]}</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="drawer-container">
 
+                <div id="drawer" class="fullWidth">
 
+                    <div class="frame-container darkGlass">
 
+                        <div id="scrollFrame" class="frame">
 
+                            <ul id="thumb-container" class="slidee"></ul>
 
+                        </div>
 
+                        <div class="scrollbar" id="scroller">
 
+                            <div class="handle"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="playHead">
 
+                    <div id="status">
 
+                        <span class="curIdx">1</span>
 
+                        of <span class="totalSteps"></span>
 
+                    </div>
 
+                    <div id="progressBar"></div>
 
+                </div>
 
+            </div>
 
+            <div id="myCompany"
 
+                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                四维时代提供技术支持
 
+            </div>
 
+        </div>
 
+        <div class="webvr-popup" style="display:none">
 
+            <div class="messaging">
 
+                <div class="page p1">
 
+                    <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                    <img class="image device-headset-side">
 
+                    <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                    <span class="hrule"></span>
 
+                    <div class="alt-help">
 
+                        <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div class="page p2 hidden">
 
+                    <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                    <ul class="tabs">
 
+                        <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                        <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                        <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                    </ul>
 
+                    <div class="tab-content webvr">
 
+                        <img class="image device-headset">
 
+                        <span class="detail headset">
 
+                            <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                        </span>
 
+                        <img class="image device-phone">
 
+                        <span class="detail phone">
 
+                            <p>
 
+                                <b>
 
+                                    <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                </b>
 
+                            </p>
 
+                            <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                        </span>
 
+                        <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                    </div>
 
+                    <div class="tab-content native hidden">
 
+                        <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                        <span>
 
+                            <img class="image badge-cardboard">
 
+                            <img class="image badge-oculus">
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+            <div class="footer">
 
+                <div class="help">
 
+                    <a>{[{ HELP }]}</a>
 
+                </div>
 
+                <div>|</div>
 
+                <div class="terms">
 
+                    <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                </div>
 
+                <!-- <img src="images/glyph.svg"> -->
 
+            </div>
 
+        </div>
 
+        <div id="gui-spinner" style="display: none;">
 
+            <div class="gui-spinner-icon"></div>
 
+        </div>
 
+        <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <a id="button-play">
 
+                        <i class="icon icon-play"></i>
 
+                    </a>
 
+                    <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="share-modal" style="display: none;">
 
+            <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+            <div id="share-outer">
 
+                <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                <div class="share-images">
 
+                    <a id="facebook-share">
 
+                        <div class="share-button">
 
+                            <span class="faceBookLink">
 
+                                <i class="icon icon-facebook"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="twitter-share">
 
+                        <div class="share-button">
 
+                            <span class="twitterLink">
 
+                                <i class="icon icon-twitter"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="mail-share">
 
+                        <div class="share-button">
 
+                            <span class="mailLink">
 
+                                <i class="icon icon-email"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                </div>
 
+                <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                <div id="share-url">
 
+                    <span id="share-url-text"></span>
 
+                </div>
 
+                <div id="copy-success" class="hidden">
 
+                    <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                </div>
 
+            </div>
 
+            <div id="share-close" class="close">
 
+                <i class="icon icon-close"></i>
 
+            </div>
 
+        </div>
 
+        <div id="terms-modal" class="fadeOut" style="display: none;">
 
+            <div id="terms-text"></div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div class="gui-error message-outer" style="display: none;">
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <div class="error-problem-text"></div>
 
+                    <div class="error-solution-text"></div>
 
+                    <div class="error-explanation"></div>
 
+                    <div class="error-actions"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+            <div class="nav-help-elements">
 
+                <div class="help-tabs">
 
+                    <div class="navigation-tab">
 
+                        <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                    </div>
 
+                    <div class="more-help-tab">
 
+                        <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="navigation-help-wrapper">
 
+                <div id="navigation-help" class="help outer">
 
+                    <div class="interactions left">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions middle">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions right">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="more-help-wrapper">
 
+                <div id="more-help">
 
+                    <div class="ui-instructions more-help-hlr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tour">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-dollhouse">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-inside">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-360">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-floors">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tag">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-vr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-fullscreen">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-zoom">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div id="vr-modal" class="vr-popup" style="display: none;">
 
+            <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+            <div class="outer">
 
+                <div class="inner">
 
+                    <h3 class="vr-popup-title">
 
+                        <span class="show-supported p1">
 
+                            <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                        </span>
 
+                        <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                        <span class="show-ios p1">
 
+                            {[{ VR_SHOW_IOS_1 }]}<br>
 
+                            <br>
 
+                        </span>
 
+                        <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                    </h3>
 
+                    <div class="vr-images">
 
+                        <div class="img-container cardboard first">
 
+                            <img class="vr-sm-image first">
 
+                            <div class="vr-img-caption first">
 
+                                <span class="show-supported show-desktop show-ios p1">
 
+                                    <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD
 
+                                    }]}</span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG
 
+                                    }]}</span>
 
+                                <span class="show-ios p2">
 
+                                    <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <br>
 
+                                    <br>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="front-close">
 
+                            <span class="front-close-x">&#x2715;</span>
 
+                        </div>
 
+                        <div class="img-container gearvr second">
 
+                            <img class="vr-sm-image second">
 
+                            <div class="vr-img-caption second">
 
+                                <span class="show-supported show-desktop p1">
 
+                                    <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-ios p2">
 
+                                    <p>
 
+                                        <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                    </p>
 
+                                    <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-unsupported p1 p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="img-container third">
 
+                            <img class="vr-sm-image third">
 
+                            <div class="vr-img-caption third">
 
+                                <span class="show-supported show-unsupported show-ios p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-popup-body">
 
+                        <span class="show-supported p1">
 
+                            <p>
 
+                                <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p>
 
+                                <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p class="improper-embed hidden">
 
+                                <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-ios p1">
 
+                            <p>
 
+                                <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-desktop p1">
 
+                            <p></p>
 
+                            <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                            <p>
 
+                                <br>
 
+                            </p>
 
+                            <p class="logo-button">
 
+                                <span class="modelLink"></span>
 
+                            </p>
 
+                            <br>
 
+                            <br>
 
+                            <p></p>
 
+                            <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                            <p></p>
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+                <div class="vr-buttons">
 
+                    <div class="next-button"></div>
 
+                    <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                    <div class="vr-arrows prev-container">
 
+                        <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                    <div class="vr-arrows next-container">
 
+                        <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                </div>
 
+                <div class="vr-page"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+        <div id="quick-logo" class="quick-brand" style="display: none;">
 
+            <!-- <img src="images/powered-by-4dage.svg"> -->
 
+        </div>
 
+        <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+        <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+        <div id="call-to-action">
 
+            <div id="pause-overlay" style="display: none;">
 
+                <div id="pause-icon">
 
+                    <a>
 
+                        <i class="icon icon-pause"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="interaction-modal">
 
+                <div id="interaction-modal-inner">
 
+                    <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                    <div class="nav-icon">
 
+                        <img src="images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                        <div class="nav-help-button">
 
+                            <div class="next-button nav-help-page" data-id="plus"></div>
 
+                            <div class="prev-button nav-help-page"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="tag-billboards" style="display: none;"></div>
 
+
 
+        <div class="cad">
 
+            <div id="cad"></div>
 
+        </div>
 
+
 
+    </div>
 
+    <script>
 
+        if(number == "TEST"){
 
+            var textarea = document.createElement('textarea');
 
+              textarea.id = "consoleLog";
 
+
 
+              document.getElementsByTagName("body")[0].appendChild(textarea);
 
+              var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
 
+              var exchange = function (o) {
 
+                console["old" + o] = console[o];
 
+                console[o] = function (str) {
 
+                  console["old" + o](str);
 
+                  var t = document.getElementById("consoleLog").innerHTML;
 
+                  document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
 
+                }
 
+              }
 
+
 
+              for (var i = 0; i < list.length; i++) {
 
+                exchange(list[i])
 
+              } 
+        }
 
+    </script>
 
+    <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+    <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+    <script src="js/Tween.js"></script>
 
+    <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+    <script src="js/myShow.js"></script>
 
+    <script src="js/SpecialScene.js"></script>
 
+    <script src="js/manage.js"></script>
 
+    <script src="js/overlay.js"></script>
 
+    <script src="js/main_2020_show.js"></script>
 
+    <script src="/CAD/bundle.js"></script>
 
+
 
+    <script src="js/loadCAD.js"></script>
 
+</body>
 
+
 
+</html>

+ 752 - 0
showa/index_cd.html
查看文件 

@@ -0,0 +1,752 @@
 
+<!doctype html>
 
+<html>
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <title>四维时代</title>
 
+        <meta name="description" content="四维时代">
 
+        <meta property="og:title" content="四维时代">
 
+        <meta property="og:description" content="四维时代">
 
+        <meta property="og:image:type" content="image/jpg">
 
+        <link rel="icon" type="image/png" sizes="32x32" href="https://super.4dage.com/images/icons/favicon.png" class="keep">
 
+        <link rel="stylesheet" href="css/oldVer/main0.css">
 
+        <link rel="stylesheet" href="css/main.css?v=2.25">
 
+        <script>
 
+        var number=window.location.href.substring(window.location.href.indexOf("=")+1);
 
+        if(number.indexOf("&")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("&"));
 
+        }
 
+        if(number.indexOf("#")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("#"));
 
+        } 
+        </script>
 
+        <script class="build keep">
 
+            if (window.performance) {
 
+                window.navigationStart = window.performance.timing.navigationStart;
 
+            } else {
 
+                window.navigationStart = Date.now() + 300;
 
+            }
 
+        </script>
 
+		<script>
 
+            var _hmt = _hmt || [];
 
+            (function() {
 
+                var hm = document.createElement("script");
 
+                hm.src = "https://hm.baidu.com/hm.js?73402bb08ff95cb21b7f1673250c532d";
 
+                var s = document.getElementsByTagName("script")[0]; 
+                s.parentNode.insertBefore(hm, s);
 
+            })();
 
+        </script>
 
+    </head>
 
+    <body>
 
+		<div id="popup">
 
+            <div class="popup-content">
 
+
 
+            </div>
 
+			<div id="closepop" >close</div>
 
+		</div>
 
+		<div class="sidecontent" style="width:35%">
 
+			<h1><span class="side-client-close">关闭</span></h1>
 
+			<image id="sideimg" style="width:90%"/></br>
 
+			<p id="text">
 
+			</p>
 
+		</div>
 
+        <div id="gui-thumb" style="display: none;"></div>
 
+        <div id="player" style="display: none;"></div>
 
+        <div id="gui-parent">
 
+            <div id="memory-info" style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+                GPU memory used: <span id="memory-gpu"></span>
 
+            </div>
 
+            <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="progressbar" data-perc="100">
 
+                        <div class="label"><div class="perc">0%</div></div>
 
+                        <div class="bar"><span></span></div>
 
+                    </div>
 
+                    <div id="loaderCoBrand">
 
+                        <div class="vert-align">
 
+                            <h2 id="loaderCoBrandName">成都全搜索.成都文明网.四维时代</h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="bottom-logo">
 
+                        <div class="img"></div>
 
+                    </div>
 
+                    <div class="specialPower">
 
+                        <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                        &#xA0;<div class="img"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="gui" style="display: none;">
 
+                <div class="pinTop left">
 
+                    <div id="model-title">
 
+                        <div class="title-row">
 
+                            <div id="title-toggle" >
 
+                                <a>
 
+                                    <i class="icon icon-dpad-left"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                                <div class="title-container  meta-toggle">
 
+                                    <div class="co-brand">
 
+                                        {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                    </div>
 
+                                    <div id="title-logo" >
 
+                                        <i ></i>
 
+                                    </div>
 
+                                    <div id="gui-name" class="titleText"></div>
 
+                                    <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                    <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="meta-info-wrapper">
 
+                        <div id="meta-info" class="darkGlass">
 
+                            <div id="meta-description"></div>
 
+                            <div class="contact-info">
 
+                                <i class="icon icon-user pull-left"></i>
 
+                                &#xA0;<div id="contact-data"></div>
 
+                            </div>
 
+                            <div class="address">
 
+                                <i class="icon icon-pin"></i>
 
+                                <span id="addressTxt"></span>
 
+                            </div>
 
+                            <div id="tag-toggles" class="menu-toggles hidden">
 
+                                <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                                <div id="tag-inputs" class="menu-radios">
 
+                                    <div id="show-tag" class="menu-radio-show">
 
+                                        <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                        <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                    </div>
 
+                                    <div id="hide-tag" class="menu-radio-hide">
 
+                                        <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                        <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="labels-toggles" class="menu-toggles hidden">
 
+                                <span>Labels</span>
 
+                                <div id="labels-inputs" class="menu-radios">
 
+                                    <div id="show-label" class="menu-radio-show">
 
+                                        <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                        <label for="radio-labels-show">Show</label>
 
+                                    </div>
 
+                                    <div id="hide-label" class="menu-radio-hide">
 
+                                        <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                        <label for="radio-labels-hide">Hide</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="share-origin" class="hidden">
 
+                                <hr>
 
+                                <div>
 
+                                    <i class="icon icon-ext-link"></i>
 
+                                    <div id="share-link-wrapper"></div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom-container">
 
+                    <div class="pinBottom center">
 
+                        <div id="view-controllers">
 
+                            <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                        </div>
 
+                    </div>
 
+                    <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                    <div class="pinBottom left">
 
+                        <div class="viewContainer">
 
+                            <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/play.png" width="24" height="24" data-original-title="播放">
 
+                                </a>
 
+                            </div>
 
+                            <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                                <a>
 
+                                    <img  title="" src="https://super.4dage.com/images/play.png" width="24" height="24" >
 
+                                </a>
 
+                            </div>
 
+                            <div id="pause" class="ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/pause.png" width="24" height="24" data-original-title="暂停">
 
+                                </a>
 
+                            </div>
 
+                            <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                                </a>
 
+                            </div>
 
+                            <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="gui-modes-map" class="ui-icon double active" >
 
+                                <div data-original-title="导览" id="pullTab" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/auto.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title=""  class="">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/inside.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/dollhouse.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/floor.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title="" style="display: none; float: left;">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/face.jpg" title="navigation icon" />
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="pinBottom right hideTarget">
 
+                        <div class="rightViewContainer clearfix">
 
+                            <div class="gui-floor">
 
+                                <div class="gui-floor-title"></div>
 
+                                <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                                <!-- <i class="icon icon-dpad-up"></i> -->
 
+                                <div class="container"></div>
 
+                            </div>
 
+							<div id="volume" class="ui-icon wide">
 
+								<a>
 
+									<img src="https://super.4dage.com/images/Volume btn_on.png" width="24" height="24" >
 
+								</a>
 
+							</div>
 
+                            <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ VIEW_FULLSCREEN }]}">
 
+                                <a>
 
+                                    <i  class="icon icon-fullscreen"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ EXIT_FULLSCREEN }]}"  style="display: none;">
 
+                                <a>
 
+                                    <i class="icon icon-fullscreen-exit"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div class="pull-right terms terms2">
 
+                                <a>{[{ TERMS }]}</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="drawer-container">
 
+                    <div id="drawer" class="fullWidth">
 
+                        <div class="frame-container darkGlass">
 
+                            <div id="scrollFrame" class="frame">
 
+                                <ul id="thumb-container" class="slidee"></ul>
 
+                            </div>
 
+                            <div class="scrollbar" id="scroller">
 
+                                <div class="handle"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="playHead">
 
+                        <div id="status">
 
+                            <span class="curIdx">1</span>
 
+                            of <span class="totalSteps"></span>
 
+                        </div>
 
+                        <div id="progressBar"></div>
 
+                    </div>
 
+                </div>
 
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                    成都全搜索.成都文明网.四维时代
 
+                </div>
 
+            </div>
 
+            <div class="webvr-popup" style="display:none">
 
+                <div class="messaging">
 
+                    <div class="page p1">
 
+                        <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                        <img class="image device-headset-side">
 
+                        <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                        <span class="hrule"></span>
 
+                        <div class="alt-help">
 
+                            <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="page p2 hidden">
 
+                        <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                        <ul class="tabs">
 
+                            <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                            <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                            <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                        </ul>
 
+                        <div class="tab-content webvr">
 
+                            <img class="image device-headset">
 
+                            <span class="detail headset">
 
+                                <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                            </span>
 
+                            <img class="image device-phone">
 
+                            <span class="detail phone">
 
+                                <p>
 
+                                    <b>
 
+                                        <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                    </b>
 
+                                </p>
 
+                                <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                            </span>
 
+                            <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                        </div>
 
+                        <div class="tab-content native hidden">
 
+                            <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                            <span>
 
+                                <img class="image badge-cardboard">
 
+                                <img class="image badge-oculus">
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+                <div class="footer">
 
+                    <div class="help">
 
+                        <a>{[{ HELP }]}</a>
 
+                    </div>
 
+                    <div>|</div>
 
+                    <div class="terms">
 
+                        <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                    </div>
 
+                    <!-- <img src="images/glyph.svg"> -->
 
+                </div>
 
+            </div>
 
+            <div id="gui-spinner" style="display: none;">
 
+                <div class="gui-spinner-icon"></div>
 
+            </div>
 
+            <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <a id="button-play">
 
+                            <i class="icon icon-play"></i>
 
+                        </a>
 
+                        <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="share-modal" style="display: none;">
 
+                <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+                <div id="share-outer">
 
+                    <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                    <div class="share-images">
 
+                        <a id="facebook-share">
 
+                            <div class="share-button">
 
+                                <span class="faceBookLink">
 
+                                    <i class="icon icon-facebook"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="twitter-share">
 
+                            <div class="share-button">
 
+                                <span class="twitterLink">
 
+                                    <i class="icon icon-twitter"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="mail-share">
 
+                            <div class="share-button">
 
+                                <span class="mailLink">
 
+                                    <i class="icon icon-email"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                    </div>
 
+                    <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                    <div id="share-url">
 
+                        <span id="share-url-text"></span>
 
+                    </div>
 
+                    <div id="copy-success" class="hidden">
 
+                        <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div id="share-close" class="close">
 
+                    <i class="icon icon-close"></i>
 
+                </div>
 
+            </div>
 
+            <div id="terms-modal" class="fadeOut" style="display: none;">
 
+                <div id="terms-text"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div class="gui-error message-outer" style="display: none;">
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <div class="error-problem-text"></div>
 
+                        <div class="error-solution-text"></div>
 
+                        <div class="error-explanation"></div>
 
+                        <div class="error-actions"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+                <div class="nav-help-elements">
 
+                    <div class="help-tabs">
 
+                        <div class="navigation-tab">
 
+                            <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                        </div>
 
+                        <div class="more-help-tab">
 
+                            <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="navigation-help-wrapper">
 
+                    <div id="navigation-help" class="help outer">
 
+                        <div class="interactions left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="more-help-wrapper">
 
+                    <div id="more-help">
 
+                        <div class="ui-instructions more-help-hlr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tour">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-dollhouse">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-inside">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-360">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-floors">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tag">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-vr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-fullscreen">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-zoom">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="vr-modal" class="vr-popup" style="display: none;">
 
+                <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+                <div class="outer">
 
+                    <div class="inner">
 
+                        <h3 class="vr-popup-title">
 
+                            <span class="show-supported p1">
 
+                                <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                            </span>
 
+                            <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                            <span class="show-ios p1">
 
+                                {[{ VR_SHOW_IOS_1 }]}<br>
 
+                                <br>
 
+                            </span>
 
+                            <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                        </h3>
 
+                        <div class="vr-images">
 
+                            <div class="img-container cardboard first">
 
+                                <img class="vr-sm-image first">
 
+                                <div class="vr-img-caption first">
 
+                                    <span class="show-supported show-desktop show-ios p1">
 
+                                        <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD }]}</span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG }]}</span>
 
+                                    <span class="show-ios p2">
 
+                                        <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <br>
 
+                                        <br>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="front-close">
 
+                                <span class="front-close-x">&#x2715;</span>
 
+                            </div>
 
+                            <div class="img-container gearvr second">
 
+                                <img class="vr-sm-image second">
 
+                                <div class="vr-img-caption second">
 
+                                    <span class="show-supported show-desktop p1">
 
+                                        <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-ios p2">
 
+                                        <p>
 
+                                            <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                        </p>
 
+                                        <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-unsupported p1 p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="img-container third">
 
+                                <img class="vr-sm-image third">
 
+                                <div class="vr-img-caption third">
 
+                                    <span class="show-supported show-unsupported show-ios p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="vr-popup-body">
 
+                            <span class="show-supported p1">
 
+                                <p>
 
+                                    <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p>
 
+                                    <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p class="improper-embed hidden">
 
+                                    <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-ios p1">
 
+                                <p>
 
+                                    <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-desktop p1">
 
+                                <p></p>
 
+                                <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                                <p>
 
+                                    <br>
 
+                                </p>
 
+                                <p class="logo-button">
 
+                                    <span class="modelLink"></span>
 
+                                </p>
 
+                                <br>
 
+                                <br>
 
+                                <p></p>
 
+                                <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                                <p></p>
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-buttons">
 
+                        <div class="next-button"></div>
 
+                        <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                        <div class="vr-arrows prev-container">
 
+                            <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                        <div class="vr-arrows next-container">
 
+                            <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-page"></div>
 
+                    <div class="close">
 
+                        <a>
 
+                            <i class="icon icon-close"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+            <div id="quick-logo" class="quick-brand" style="display: none;">
 
+                <!-- <img src="images/powered-by-4dage.svg"> -->
 
+            </div>
 
+            <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+            <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+            <div id="call-to-action" >
 
+                <div id="pause-overlay" style="display: none;" >
 
+                    <div id="pause-icon">
 
+                        <a>
 
+                            <i class="icon icon-pause"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+                <div id="interaction-modal">
 
+                    <div id="interaction-modal-inner">
 
+                        <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                        <div class="nav-icon">
 
+                            <img src="https://super.4dage.com/images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                            <div class="nav-help-button">
 
+                                <div class="next-button nav-help-page" data-id="plus" ></div>
 
+                                <div class="prev-button nav-help-page"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="tag-billboards" style="display: none;"></div>
 
+            <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+        </div> 
+        <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+        <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+	<script src="js/Tween.js" class="build keep"></script>
 
+        <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+        <script src="js/myShow.js"></script>
 
+        <script src="js/SpecialScene.js"></script>
 
+        <script src="js/manage.js"></script>
 
+        <script src="js/main_2018.js"></script>
 
+    </body>
 
+</html>

+ 824 - 0
showa/index_cdmrg.html
查看文件 

@@ -0,0 +1,824 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport"
 
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <title>成都历史名人馆</title>
 
+    <meta name="description" content="四维时代">
 
+    <meta property="og:title" content="四维时代">
 
+    <meta property="og:description" content="四维时代">
 
+    <meta property="og:image:type" content="image/jpg">
 
+    <!-- <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep"> -->
 
+    <link rel="stylesheet" href="css/oldVer/main0.css">
 
+    <link rel="stylesheet" href="css/main.css?v=2.25">
 
+    <script>
 
+        var number = window.location.href.substring(window.location.href.indexOf("=") + 1);
 
+        if (number.indexOf("&") != -1) {
 
+            number = number.substring(0, number.indexOf("&"));
 
+        }
 
+        if (number.indexOf("#") != -1) {
 
+            number = number.substring(0, number.indexOf("#"));
 
+        } 
+    </script>
 
+    <script class="build keep">
 
+        if (window.performance) {
 
+            window.navigationStart = window.performance.timing.navigationStart;
 
+        } else {
 
+            window.navigationStart = Date.now() + 300;
 
+        } 
+        
+    </script>
 
+    <style>
 
+        #consoleLog{ 
+          width: 120px;
 
+          height: 153px;
 
+          position: absolute;
 
+          right: 0px;
 
+          bottom: 160px;
 
+          z-index: 999999;
 
+          color: black;
 
+          opacity: 0.9;
 
+            font-size: 12px;
 
+        }
 
+    
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="hot"> 
+    </div>
 
+    <div id="popup">
 
+        <div class="popup-content">
 
+
 
+        </div>
 
+        <div id="closepop">close</div>
 
+    </div>
 
+    <div class="sidecontent" style="width:35%">
 
+        <h1><span class="side-client-close">关闭</span></h1>
 
+        <image id="sideimg" style="width:90%" /></br>
 
+        <p id="text">
 
+        </p>
 
+    </div>
 
+    <div id="gui-thumb" style="display: none;"></div>
 
+    <div id="player" style="display: none;"></div>
 
+    <div id="gui-parent">
 
+        <div id="memory-info"
 
+            style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+            GPU memory used: <span id="memory-gpu"></span>
 
+        </div>
 
+        <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="loadingLogo"> 
+                    <div class="img"> 
+                    </div> 
+                </div> 
+                <div class="progressbar" data-perc="100">
 
+                    <div class="label">
 
+                        <div class="perc">0%</div>
 
+                    </div>
 
+                    <div class="bar"><span></span></div>
 
+                </div>
 
+                <div id="loaderCoBrand">
 
+                    <div class="vert-align">
 
+                        <h2 id="loaderCoBrandName">四维时代提供技术支持</h2>
 
+                    </div>
 
+                </div>
 
+                <div class="bottom-logo">
 
+                    <div class="img"></div>
 
+                </div>
 
+                <div class="specialPower">
 
+                    <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                    &#xA0;<div class="img"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="gui" style="display: none;">
 
+            <div id="vrOff">
 
+                <img id="vrOffImg" src="images/vrOffImg.png" alt="">
 
+            </div>
 
+            <div id="hotListWrap">
 
+                <div id="hotListTitle">
 
+                    <div>
 
+                        <span id="hotListText">热点列表</span>
 
+                        <img id="hotListIcon" src="images/hotlist.png" alt="">
 
+                    </div>
 
+
 
+                </div>
 
+                <div id="hotListContent">
 
+                    <ul>
 
+                    </ul>
 
+                </div>
 
+                <div id="hotListBottom">
 
+                    <img id="hotListClose" src="images/hotListClose.png" alt="">
 
+                </div>
 
+            </div>
 
+            <div class="pinTop left">
 
+                <div id="model-title">
 
+                    <div class="title-row">
 
+                        <div id="title-toggle">
 
+                            <a>
 
+                                <i class="icon icon-dpad-left"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                            <div class="title-container  meta-toggle">
 
+                                <div class="co-brand">
 
+                                    {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                </div>
 
+                                <div id="title-logo">
 
+                                    <i></i>
 
+                                </div>
 
+                                <div id="gui-name" class="titleText"></div>
 
+                                <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="meta-info-wrapper">
 
+                    <div id="meta-info" class="darkGlass">
 
+                        <div id="meta-description"></div>
 
+                        <div class="contact-info">
 
+                            <i class="icon icon-user pull-left"></i>
 
+                            &#xA0;<div id="contact-data"></div>
 
+                        </div>
 
+                        <div class="address">
 
+                            <i class="icon icon-pin"></i>
 
+                            <span id="addressTxt"></span>
 
+                        </div>
 
+                        <div id="tag-toggles" class="menu-toggles hidden">
 
+                            <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                            <div id="tag-inputs" class="menu-radios">
 
+                                <div id="show-tag" class="menu-radio-show">
 
+                                    <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                    <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                </div>
 
+                                <div id="hide-tag" class="menu-radio-hide">
 
+                                    <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                    <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="labels-toggles" class="menu-toggles hidden">
 
+                            <span>Labels</span>
 
+                            <div id="labels-inputs" class="menu-radios">
 
+                                <div id="show-label" class="menu-radio-show">
 
+                                    <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                    <label for="radio-labels-show">Show</label>
 
+                                </div>
 
+                                <div id="hide-label" class="menu-radio-hide">
 
+                                    <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                    <label for="radio-labels-hide">Hide</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="share-origin" class="hidden">
 
+                            <hr>
 
+                            <div>
 
+                                <i class="icon icon-ext-link"></i>
 
+                                <div id="share-link-wrapper"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="pinBottom-container">
 
+                <div class="pinBottom center">
 
+                    <div id="view-controllers">
 
+                        <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                <div class="pinBottom left">
 
+                    <div class="viewContainer">
 
+                        <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/play.png" width="24" height="24"
 
+                                    data-original-title="播放">
 
+                            </a>
 
+                        </div>
 
+                        <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                            <a>
 
+                                <img title="" src="images/play.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="pause" class="ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/pause.png" width="24" height="24"
 
+                                    data-original-title="暂停">
 
+                            </a>
 
+                        </div>
 
+                        <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                            </a>
 
+                        </div>
 
+                        <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="gui-modes-map" class="ui-icon double active">
 
+                            <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/auto.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="" style="display: none">
 
+                                <img class="icon icon-inside" src="images/hotlist.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/inside.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/dollhouse.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/floor.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none;">
 
+                                <img class="icon icon-inside" src="images/VR.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                style="display: none; float: left;">
 
+                                <img class="icon icon-inside" src="images/face.jpg" title="navigation icon" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom right hideTarget">
 
+                    <div class="rightViewContainer clearfix">
 
+                        <div class="gui-floor">
 
+                            <div class="gui-floor-title"></div>
 
+                            <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                            <!-- <i class="icon icon-dpad-up"></i> -->
 
+                            <div class="container"></div>
 
+                        </div>
 
+                        <div id="volume" class="ui-icon wide">
 
+                            <a>
 
+                                <img src="images/Volume btn_on.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ VIEW_FULLSCREEN }]}">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen-exit"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div class="pull-right terms terms2">
 
+                            <a>{[{ TERMS }]}</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="drawer-container">
 
+                <div id="drawer" class="fullWidth">
 
+                    <div class="frame-container darkGlass">
 
+                        <div id="scrollFrame" class="frame">
 
+                            <ul id="thumb-container" class="slidee"></ul>
 
+                        </div>
 
+                        <div class="scrollbar" id="scroller">
 
+                            <div class="handle"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="playHead">
 
+                    <div id="status">
 
+                        <span class="curIdx">1</span>
 
+                        of <span class="totalSteps"></span>
 
+                    </div>
 
+                    <div id="progressBar"></div>
 
+                </div>
 
+            </div>
 
+            <div id="myCompany"
 
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                四维时代提供技术支持
 
+            </div>
 
+        </div>
 
+        <div class="webvr-popup" style="display:none">
 
+            <div class="messaging">
 
+                <div class="page p1">
 
+                    <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                    <img class="image device-headset-side">
 
+                    <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                    <span class="hrule"></span>
 
+                    <div class="alt-help">
 
+                        <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div class="page p2 hidden">
 
+                    <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                    <ul class="tabs">
 
+                        <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                        <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                        <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                    </ul>
 
+                    <div class="tab-content webvr">
 
+                        <img class="image device-headset">
 
+                        <span class="detail headset">
 
+                            <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                        </span>
 
+                        <img class="image device-phone">
 
+                        <span class="detail phone">
 
+                            <p>
 
+                                <b>
 
+                                    <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                </b>
 
+                            </p>
 
+                            <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                        </span>
 
+                        <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                    </div>
 
+                    <div class="tab-content native hidden">
 
+                        <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                        <span>
 
+                            <img class="image badge-cardboard">
 
+                            <img class="image badge-oculus">
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+            <div class="footer">
 
+                <div class="help">
 
+                    <a>{[{ HELP }]}</a>
 
+                </div>
 
+                <div>|</div>
 
+                <div class="terms">
 
+                    <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                </div>
 
+                <!-- <img src="images/glyph.svg"> -->
 
+            </div>
 
+        </div>
 
+        <div id="gui-spinner" style="display: none;">
 
+            <div class="gui-spinner-icon"></div>
 
+        </div>
 
+        <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <a id="button-play">
 
+                        <i class="icon icon-play"></i>
 
+                    </a>
 
+                    <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="share-modal" style="display: none;">
 
+            <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+            <div id="share-outer">
 
+                <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                <div class="share-images">
 
+                    <a id="facebook-share">
 
+                        <div class="share-button">
 
+                            <span class="faceBookLink">
 
+                                <i class="icon icon-facebook"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="twitter-share">
 
+                        <div class="share-button">
 
+                            <span class="twitterLink">
 
+                                <i class="icon icon-twitter"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="mail-share">
 
+                        <div class="share-button">
 
+                            <span class="mailLink">
 
+                                <i class="icon icon-email"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                </div>
 
+                <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                <div id="share-url">
 
+                    <span id="share-url-text"></span>
 
+                </div>
 
+                <div id="copy-success" class="hidden">
 
+                    <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                </div>
 
+            </div>
 
+            <div id="share-close" class="close">
 
+                <i class="icon icon-close"></i>
 
+            </div>
 
+        </div>
 
+        <div id="terms-modal" class="fadeOut" style="display: none;">
 
+            <div id="terms-text"></div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div class="gui-error message-outer" style="display: none;">
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <div class="error-problem-text"></div>
 
+                    <div class="error-solution-text"></div>
 
+                    <div class="error-explanation"></div>
 
+                    <div class="error-actions"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+            <div class="nav-help-elements">
 
+                <div class="help-tabs">
 
+                    <div class="navigation-tab">
 
+                        <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                    </div>
 
+                    <div class="more-help-tab">
 
+                        <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="navigation-help-wrapper">
 
+                <div id="navigation-help" class="help outer">
 
+                    <div class="interactions left">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions middle">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions right">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="more-help-wrapper">
 
+                <div id="more-help">
 
+                    <div class="ui-instructions more-help-hlr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tour">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-dollhouse">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-inside">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-360">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-floors">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tag">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-vr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-fullscreen">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-zoom">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div id="vr-modal" class="vr-popup" style="display: none;">
 
+            <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+            <div class="outer">
 
+                <div class="inner">
 
+                    <h3 class="vr-popup-title">
 
+                        <span class="show-supported p1">
 
+                            <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                        </span>
 
+                        <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                        <span class="show-ios p1">
 
+                            {[{ VR_SHOW_IOS_1 }]}<br>
 
+                            <br>
 
+                        </span>
 
+                        <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                    </h3>
 
+                    <div class="vr-images">
 
+                        <div class="img-container cardboard first">
 
+                            <img class="vr-sm-image first">
 
+                            <div class="vr-img-caption first">
 
+                                <span class="show-supported show-desktop show-ios p1">
 
+                                    <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD
 
+                                    }]}</span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG
 
+                                    }]}</span>
 
+                                <span class="show-ios p2">
 
+                                    <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <br>
 
+                                    <br>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="front-close">
 
+                            <span class="front-close-x">&#x2715;</span>
 
+                        </div>
 
+                        <div class="img-container gearvr second">
 
+                            <img class="vr-sm-image second">
 
+                            <div class="vr-img-caption second">
 
+                                <span class="show-supported show-desktop p1">
 
+                                    <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-ios p2">
 
+                                    <p>
 
+                                        <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                    </p>
 
+                                    <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-unsupported p1 p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="img-container third">
 
+                            <img class="vr-sm-image third">
 
+                            <div class="vr-img-caption third">
 
+                                <span class="show-supported show-unsupported show-ios p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-popup-body">
 
+                        <span class="show-supported p1">
 
+                            <p>
 
+                                <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p>
 
+                                <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p class="improper-embed hidden">
 
+                                <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-ios p1">
 
+                            <p>
 
+                                <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-desktop p1">
 
+                            <p></p>
 
+                            <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                            <p>
 
+                                <br>
 
+                            </p>
 
+                            <p class="logo-button">
 
+                                <span class="modelLink"></span>
 
+                            </p>
 
+                            <br>
 
+                            <br>
 
+                            <p></p>
 
+                            <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                            <p></p>
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+                <div class="vr-buttons">
 
+                    <div class="next-button"></div>
 
+                    <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                    <div class="vr-arrows prev-container">
 
+                        <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                    <div class="vr-arrows next-container">
 
+                        <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                </div>
 
+                <div class="vr-page"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+        <div id="quick-logo" class="quick-brand" style="display: none;">
 
+            <!-- <img src="images/powered-by-4dage.svg"> -->
 
+        </div>
 
+        <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+        <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+        <div id="call-to-action">
 
+            <div id="pause-overlay" style="display: none;">
 
+                <div id="pause-icon">
 
+                    <a>
 
+                        <i class="icon icon-pause"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="interaction-modal">
 
+                <div id="interaction-modal-inner">
 
+                    <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                    <div class="nav-icon">
 
+                        <img src="images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                        <div class="nav-help-button">
 
+                            <div class="next-button nav-help-page" data-id="plus"></div>
 
+                            <div class="prev-button nav-help-page"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="tag-billboards" style="display: none;"></div>
 
+        <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+    </div>
 
+    <script>
 
+        if(number == "TEST"){
 
+            var textarea = document.createElement('textarea');
 
+              textarea.id = "consoleLog";
 
+
 
+              document.getElementsByTagName("body")[0].appendChild(textarea);
 
+              var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
 
+              var exchange = function (o) {
 
+                console["old" + o] = console[o];
 
+                console[o] = function (str) {
 
+                  console["old" + o](str);
 
+                  var t = document.getElementById("consoleLog").innerHTML;
 
+                  document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
 
+                }
 
+              }
 
+
 
+              for (var i = 0; i < list.length; i++) {
 
+                exchange(list[i])
 
+              } 
+        }
 
+    </script>
 
+    <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+    <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+    <script src="js/Tween.js"></script>
 
+    <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+    <script src="js/myShow.js"></script>
 
+    <script src="js/SpecialScene.js"></script>
 
+    <script src="js/manage.js"></script>
 
+    <script src="js/overlay.js"></script>
 
+    <script src="js/main_2020_show.js"></script>
 
+</body>
 
+
 
+</html>

+ 743 - 0
showa/index_ceshi.html
查看文件 

@@ -0,0 +1,743 @@
 
+<!doctype html>
 
+<html>
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <title>四维时代</title>
 
+        <meta name="description" content="四维时代">
 
+        <meta property="og:title" content="四维时代">
 
+        <meta property="og:description" content="四维时代">
 
+        <meta property="og:image:type" content="image/jpg">
 
+        <link rel="icon" type="image/png" sizes="32x32" href="https://super.4dage.com/images/icons/favicon.png" class="keep">
 
+        <link rel="stylesheet" href="css/oldVer/main0.css">
 
+        <link rel="stylesheet" href="css/main.css?v=2.25">
 
+        <script>
 
+        var number=window.location.href.substring(window.location.href.indexOf("=")+1);
 
+        if(number.indexOf("&")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("&"));
 
+        }
 
+        if(number.indexOf("#")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("#"));
 
+        } 
+        </script>
 
+        <script class="build keep">
 
+            if (window.performance) {
 
+                window.navigationStart = window.performance.timing.navigationStart;
 
+            } else {
 
+                window.navigationStart = Date.now() + 300;
 
+            }
 
+        </script>
 
+		
+    </head>
 
+    <body>
 
+		<div id="popup">
 
+            <div class="popup-content">
 
+
 
+            </div>
 
+			<div id="closepop" >close</div>
 
+		</div>
 
+		<div class="sidecontent" style="width:35%">
 
+			<h1><span class="side-client-close">关闭</span></h1>
 
+			<image id="sideimg" style="width:90%"/></br>
 
+			<p id="text">
 
+			</p>
 
+		</div>
 
+        <div id="gui-thumb" style="display: none;"></div>
 
+        <div id="player" style="display: none;"></div>
 
+        <div id="gui-parent">
 
+            <div id="memory-info" style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+                GPU memory used: <span id="memory-gpu"></span>
 
+            </div>
 
+            <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="progressbar" data-perc="100">
 
+                        <div class="label"><div class="perc">0%</div></div>
 
+                        <div class="bar"><span></span></div>
 
+                    </div>
 
+                    <div id="loaderCoBrand">
 
+                        <div class="vert-align">
 
+                            <h2 id="loaderCoBrandName">四维时代提供技术支持</h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="bottom-logo">
 
+                        <div class="img"></div>
 
+                    </div>
 
+                    <div class="specialPower">
 
+                        <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                        &#xA0;<div class="img"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="gui" style="display: none;">
 
+                <div class="pinTop left">
 
+                    <div id="model-title">
 
+                        <div class="title-row">
 
+                            <div id="title-toggle" >
 
+                                <a>
 
+                                    <i class="icon icon-dpad-left"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                                <div class="title-container  meta-toggle">
 
+                                    <div class="co-brand">
 
+                                        {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                    </div>
 
+                                    <div id="title-logo" >
 
+                                        <i ></i>
 
+                                    </div>
 
+                                    <div id="gui-name" class="titleText"></div>
 
+                                    <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                    <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="meta-info-wrapper">
 
+                        <div id="meta-info" class="darkGlass">
 
+                            <div id="meta-description"></div>
 
+                            <div class="contact-info">
 
+                                <i class="icon icon-user pull-left"></i>
 
+                                &#xA0;<div id="contact-data"></div>
 
+                            </div>
 
+                            <div class="address">
 
+                                <i class="icon icon-pin"></i>
 
+                                <span id="addressTxt"></span>
 
+                            </div>
 
+                            <div id="tag-toggles" class="menu-toggles hidden">
 
+                                <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                                <div id="tag-inputs" class="menu-radios">
 
+                                    <div id="show-tag" class="menu-radio-show">
 
+                                        <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                        <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                    </div>
 
+                                    <div id="hide-tag" class="menu-radio-hide">
 
+                                        <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                        <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="labels-toggles" class="menu-toggles hidden">
 
+                                <span>Labels</span>
 
+                                <div id="labels-inputs" class="menu-radios">
 
+                                    <div id="show-label" class="menu-radio-show">
 
+                                        <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                        <label for="radio-labels-show">Show</label>
 
+                                    </div>
 
+                                    <div id="hide-label" class="menu-radio-hide">
 
+                                        <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                        <label for="radio-labels-hide">Hide</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="share-origin" class="hidden">
 
+                                <hr>
 
+                                <div>
 
+                                    <i class="icon icon-ext-link"></i>
 
+                                    <div id="share-link-wrapper"></div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom-container">
 
+                    <div class="pinBottom center">
 
+                        <div id="view-controllers">
 
+                            <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                        </div>
 
+                    </div>
 
+                    <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                    <div class="pinBottom left">
 
+                        <div class="viewContainer">
 
+                            <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/play.png" width="24" height="24" data-original-title="播放">
 
+                                </a>
 
+                            </div>
 
+                            <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                                <a>
 
+                                    <img  title="" src="https://super.4dage.com/images/play.png" width="24" height="24" >
 
+                                </a>
 
+                            </div>
 
+                            <div id="pause" class="ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/pause.png" width="24" height="24" data-original-title="暂停">
 
+                                </a>
 
+                            </div>
 
+                            <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                                </a>
 
+                            </div>
 
+                            <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="gui-modes-map" class="ui-icon double active" >
 
+                                <div data-original-title="导览" id="pullTab" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/auto.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title=""  class="">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/inside.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/dollhouse.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/floor.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title="" style="display: none; float: left;">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/face.jpg" title="navigation icon" />
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="pinBottom right hideTarget">
 
+                        <div class="rightViewContainer clearfix">
 
+                            <div class="gui-floor">
 
+                                <div class="gui-floor-title"></div>
 
+                                <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                                <!-- <i class="icon icon-dpad-up"></i> -->
 
+                                <div class="container"></div>
 
+                            </div>
 
+							<div id="volume" class="ui-icon wide">
 
+								<a>
 
+									<img src="https://super.4dage.com/images/Volume btn_on.png" width="24" height="24" >
 
+								</a>
 
+							</div>
 
+                            <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ VIEW_FULLSCREEN }]}">
 
+                                <a>
 
+                                    <i  class="icon icon-fullscreen"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ EXIT_FULLSCREEN }]}"  style="display: none;">
 
+                                <a>
 
+                                    <i class="icon icon-fullscreen-exit"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div class="pull-right terms terms2">
 
+                                <a>{[{ TERMS }]}</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="drawer-container">
 
+                    <div id="drawer" class="fullWidth">
 
+                        <div class="frame-container darkGlass">
 
+                            <div id="scrollFrame" class="frame">
 
+                                <ul id="thumb-container" class="slidee"></ul>
 
+                            </div>
 
+                            <div class="scrollbar" id="scroller">
 
+                                <div class="handle"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="playHead">
 
+                        <div id="status">
 
+                            <span class="curIdx">1</span>
 
+                            of <span class="totalSteps"></span>
 
+                        </div>
 
+                        <div id="progressBar"></div>
 
+                    </div>
 
+                </div>
 
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                    四维时代提供技术支持
 
+                </div>
 
+            </div>
 
+            <div class="webvr-popup" style="display:none">
 
+                <div class="messaging">
 
+                    <div class="page p1">
 
+                        <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                        <img class="image device-headset-side">
 
+                        <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                        <span class="hrule"></span>
 
+                        <div class="alt-help">
 
+                            <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="page p2 hidden">
 
+                        <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                        <ul class="tabs">
 
+                            <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                            <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                            <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                        </ul>
 
+                        <div class="tab-content webvr">
 
+                            <img class="image device-headset">
 
+                            <span class="detail headset">
 
+                                <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                            </span>
 
+                            <img class="image device-phone">
 
+                            <span class="detail phone">
 
+                                <p>
 
+                                    <b>
 
+                                        <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                    </b>
 
+                                </p>
 
+                                <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                            </span>
 
+                            <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                        </div>
 
+                        <div class="tab-content native hidden">
 
+                            <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                            <span>
 
+                                <img class="image badge-cardboard">
 
+                                <img class="image badge-oculus">
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+                <div class="footer">
 
+                    <div class="help">
 
+                        <a>{[{ HELP }]}</a>
 
+                    </div>
 
+                    <div>|</div>
 
+                    <div class="terms">
 
+                        <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                    </div>
 
+                    <!-- <img src="images/glyph.svg"> -->
 
+                </div>
 
+            </div>
 
+            <div id="gui-spinner" style="display: none;">
 
+                <div class="gui-spinner-icon"></div>
 
+            </div>
 
+            <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <a id="button-play">
 
+                            <i class="icon icon-play"></i>
 
+                        </a>
 
+                        <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="share-modal" style="display: none;">
 
+                <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+                <div id="share-outer">
 
+                    <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                    <div class="share-images">
 
+                        <a id="facebook-share">
 
+                            <div class="share-button">
 
+                                <span class="faceBookLink">
 
+                                    <i class="icon icon-facebook"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="twitter-share">
 
+                            <div class="share-button">
 
+                                <span class="twitterLink">
 
+                                    <i class="icon icon-twitter"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="mail-share">
 
+                            <div class="share-button">
 
+                                <span class="mailLink">
 
+                                    <i class="icon icon-email"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                    </div>
 
+                    <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                    <div id="share-url">
 
+                        <span id="share-url-text"></span>
 
+                    </div>
 
+                    <div id="copy-success" class="hidden">
 
+                        <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div id="share-close" class="close">
 
+                    <i class="icon icon-close"></i>
 
+                </div>
 
+            </div>
 
+            <div id="terms-modal" class="fadeOut" style="display: none;">
 
+                <div id="terms-text"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div class="gui-error message-outer" style="display: none;">
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <div class="error-problem-text"></div>
 
+                        <div class="error-solution-text"></div>
 
+                        <div class="error-explanation"></div>
 
+                        <div class="error-actions"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+                <div class="nav-help-elements">
 
+                    <div class="help-tabs">
 
+                        <div class="navigation-tab">
 
+                            <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                        </div>
 
+                        <div class="more-help-tab">
 
+                            <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="navigation-help-wrapper">
 
+                    <div id="navigation-help" class="help outer">
 
+                        <div class="interactions left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="more-help-wrapper">
 
+                    <div id="more-help">
 
+                        <div class="ui-instructions more-help-hlr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tour">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-dollhouse">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-inside">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-360">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-floors">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tag">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-vr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-fullscreen">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-zoom">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="vr-modal" class="vr-popup" style="display: none;">
 
+                <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+                <div class="outer">
 
+                    <div class="inner">
 
+                        <h3 class="vr-popup-title">
 
+                            <span class="show-supported p1">
 
+                                <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                            </span>
 
+                            <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                            <span class="show-ios p1">
 
+                                {[{ VR_SHOW_IOS_1 }]}<br>
 
+                                <br>
 
+                            </span>
 
+                            <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                        </h3>
 
+                        <div class="vr-images">
 
+                            <div class="img-container cardboard first">
 
+                                <img class="vr-sm-image first">
 
+                                <div class="vr-img-caption first">
 
+                                    <span class="show-supported show-desktop show-ios p1">
 
+                                        <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD }]}</span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG }]}</span>
 
+                                    <span class="show-ios p2">
 
+                                        <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <br>
 
+                                        <br>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="front-close">
 
+                                <span class="front-close-x">&#x2715;</span>
 
+                            </div>
 
+                            <div class="img-container gearvr second">
 
+                                <img class="vr-sm-image second">
 
+                                <div class="vr-img-caption second">
 
+                                    <span class="show-supported show-desktop p1">
 
+                                        <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-ios p2">
 
+                                        <p>
 
+                                            <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                        </p>
 
+                                        <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-unsupported p1 p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="img-container third">
 
+                                <img class="vr-sm-image third">
 
+                                <div class="vr-img-caption third">
 
+                                    <span class="show-supported show-unsupported show-ios p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="vr-popup-body">
 
+                            <span class="show-supported p1">
 
+                                <p>
 
+                                    <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p>
 
+                                    <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p class="improper-embed hidden">
 
+                                    <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-ios p1">
 
+                                <p>
 
+                                    <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-desktop p1">
 
+                                <p></p>
 
+                                <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                                <p>
 
+                                    <br>
 
+                                </p>
 
+                                <p class="logo-button">
 
+                                    <span class="modelLink"></span>
 
+                                </p>
 
+                                <br>
 
+                                <br>
 
+                                <p></p>
 
+                                <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                                <p></p>
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-buttons">
 
+                        <div class="next-button"></div>
 
+                        <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                        <div class="vr-arrows prev-container">
 
+                            <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                        <div class="vr-arrows next-container">
 
+                            <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-page"></div>
 
+                    <div class="close">
 
+                        <a>
 
+                            <i class="icon icon-close"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+            <div id="quick-logo" class="quick-brand" style="display: none;">
 
+                <!-- <img src="images/powered-by-4dage.svg"> -->
 
+            </div>
 
+            <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+            <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+            <div id="call-to-action" >
 
+                <div id="pause-overlay" style="display: none;" >
 
+                    <div id="pause-icon">
 
+                        <a>
 
+                            <i class="icon icon-pause"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+                <div id="interaction-modal">
 
+                    <div id="interaction-modal-inner">
 
+                        <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                        <div class="nav-icon">
 
+                            <img src="https://super.4dage.com/images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                            <div class="nav-help-button">
 
+                                <div class="next-button nav-help-page" data-id="plus" ></div>
 
+                                <div class="prev-button nav-help-page"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="tag-billboards" style="display: none;"></div>
 
+            <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+        </div> 
+        <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+        <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+        <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+        <script src="js/myShow.js"></script>
 
+        <script src="js/SpecialScene.js"></script>
 
+        <script src="js/manage.js"></script>
 
+        <script src="js/main_2018_2.js"></script>
 
+    </body>
 
+</html>

+ 782 - 0
showa/index_hcy.html
查看文件 

@@ -0,0 +1,782 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport"
 
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <title>灏昌园</title>
 
+    <meta name="description" content="四维时代">
 
+    <meta property="og:title" content="四维时代">
 
+    <meta property="og:description" content="四维时代">
 
+    <meta property="og:image:type" content="image/jpg">
 
+    <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep">
 
+    <link rel="stylesheet" href="css/oldVer/main0.css">
 
+    <link rel="stylesheet" href="css/main.css?v=2.25">
 
+    <script>
 
+        var number = window.location.href.substring(window.location.href.indexOf("=") + 1);
 
+        if (number.indexOf("&") != -1) {
 
+            number = number.substring(0, number.indexOf("&"));
 
+        }
 
+        if (number.indexOf("#") != -1) {
 
+            number = number.substring(0, number.indexOf("#"));
 
+        } 
+    </script>
 
+    <script class="build keep">
 
+        if (window.performance) {
 
+            window.navigationStart = window.performance.timing.navigationStart;
 
+        } else {
 
+            window.navigationStart = Date.now() + 300;
 
+        }
 
+    </script>
 
+
 
+</head>
 
+
 
+<body>
 
+    <div id="popup">
 
+        <div class="popup-content">
 
+
 
+        </div>
 
+        <div id="closepop">close</div>
 
+    </div>
 
+    <div class="sidecontent" style="width:35%">
 
+        <h1><span class="side-client-close">关闭</span></h1>
 
+        <image id="sideimg" style="width:90%" /></br>
 
+        <p id="text">
 
+        </p>
 
+    </div>
 
+    <div id="gui-thumb" style="display: none;"></div>
 
+    <div id="player" style="display: none;"></div>
 
+    <div id="gui-parent">
 
+        <div id="memory-info"
 
+            style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+            GPU memory used: <span id="memory-gpu"></span>
 
+        </div>
 
+        <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="progressbar" data-perc="100">
 
+                    <div class="label">
 
+                        <div class="perc">0%</div>
 
+                    </div>
 
+                    <div class="bar"><span></span></div>
 
+                </div>
 
+                <div id="loaderCoBrand">
 
+                    <div class="vert-align">
 
+                        <!-- <h2 id="loaderCoBrandName">四维时代提供技术支持</h2> -->
 
+                    </div>
 
+                </div>
 
+                <div class="bottom-logo">
 
+                    <div class="img"></div>
 
+                </div>
 
+                <div class="specialPower">
 
+                    <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                    &#xA0;<div class="img"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="gui" style="display: none;">
 
+            <div id="vrOff">
 
+                <img id="vrOffImg" src="images/vrOffImg.png" alt="">
 
+            </div>
 
+            <div id="hotListWrap">
 
+                <div id="hotListTitle">
 
+                    <div>
 
+                        <span id="hotListText">热点列表</span>
 
+                        <img id="hotListIcon" src="images/hotlist.png" alt="">
 
+                    </div>
 
+
 
+                </div>
 
+                <div id="hotListContent">
 
+                    <ul>
 
+                    </ul>
 
+                </div>
 
+                <div id="hotListBottom">
 
+                    <img id="hotListClose" src="images/hotListClose.png" alt="">
 
+                </div>
 
+            </div>
 
+            <div class="pinTop left">
 
+                <div id="model-title">
 
+                    <div class="title-row">
 
+                        <div id="title-toggle">
 
+                            <a>
 
+                                <i class="icon icon-dpad-left"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                            <div class="title-container  meta-toggle">
 
+                                <div class="co-brand">
 
+                                    {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                </div>
 
+                                <div id="title-logo">
 
+                                    <i></i>
 
+                                </div>
 
+                                <div id="gui-name" class="titleText"></div>
 
+                                <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="meta-info-wrapper">
 
+                    <div id="meta-info" class="darkGlass">
 
+                        <div id="meta-description"></div>
 
+                        <div class="contact-info">
 
+                            <i class="icon icon-user pull-left"></i>
 
+                            &#xA0;<div id="contact-data"></div>
 
+                        </div>
 
+                        <div class="address">
 
+                            <i class="icon icon-pin"></i>
 
+                            <span id="addressTxt"></span>
 
+                        </div>
 
+                        <div id="tag-toggles" class="menu-toggles hidden">
 
+                            <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                            <div id="tag-inputs" class="menu-radios">
 
+                                <div id="show-tag" class="menu-radio-show">
 
+                                    <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                    <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                </div>
 
+                                <div id="hide-tag" class="menu-radio-hide">
 
+                                    <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                    <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="labels-toggles" class="menu-toggles hidden">
 
+                            <span>Labels</span>
 
+                            <div id="labels-inputs" class="menu-radios">
 
+                                <div id="show-label" class="menu-radio-show">
 
+                                    <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                    <label for="radio-labels-show">Show</label>
 
+                                </div>
 
+                                <div id="hide-label" class="menu-radio-hide">
 
+                                    <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                    <label for="radio-labels-hide">Hide</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="share-origin" class="hidden">
 
+                            <hr>
 
+                            <div>
 
+                                <i class="icon icon-ext-link"></i>
 
+                                <div id="share-link-wrapper"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="pinBottom-container">
 
+                <div class="pinBottom center">
 
+                    <div id="view-controllers">
 
+                        <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                <div class="pinBottom left">
 
+                    <div class="viewContainer">
 
+                        <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/play.png" width="24" height="24"
 
+                                    data-original-title="播放">
 
+                            </a>
 
+                        </div>
 
+                        <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                            <a>
 
+                                <img title="" src="images/play.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="pause" class="ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/pause.png" width="24" height="24"
 
+                                    data-original-title="暂停">
 
+                            </a>
 
+                        </div>
 
+                        <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                            </a>
 
+                        </div>
 
+                        <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="gui-modes-map" class="ui-icon double active">
 
+                            <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/auto.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="" style="display: none">
 
+                                <img class="icon icon-inside" src="images/hotlist.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/inside.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/dollhouse.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/floor.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none;">
 
+                                <img class="icon icon-inside" src="images/VR.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                style="display: none; float: left;">
 
+                                <img class="icon icon-inside" src="images/face.jpg" title="navigation icon" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom right hideTarget">
 
+                    <div class="rightViewContainer clearfix">
 
+                        <div class="gui-floor">
 
+                            <div class="gui-floor-title"></div>
 
+                            <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                            <!-- <i class="icon icon-dpad-up"></i> -->
 
+                            <div class="container"></div>
 
+                        </div>
 
+                        <div id="volume" class="ui-icon wide">
 
+                            <a>
 
+                                <img src="images/Volume btn_on.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ VIEW_FULLSCREEN }]}">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen-exit"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div class="pull-right terms terms2">
 
+                            <a>{[{ TERMS }]}</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="drawer-container">
 
+                <div id="drawer" class="fullWidth">
 
+                    <div class="frame-container darkGlass">
 
+                        <div id="scrollFrame" class="frame">
 
+                            <ul id="thumb-container" class="slidee"></ul>
 
+                        </div>
 
+                        <div class="scrollbar" id="scroller">
 
+                            <div class="handle"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="playHead">
 
+                    <div id="status">
 
+                        <span class="curIdx">1</span>
 
+                        of <span class="totalSteps"></span>
 
+                    </div>
 
+                    <div id="progressBar"></div>
 
+                </div>
 
+            </div>
 
+            <!-- <div id="myCompany"
 
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                四维时代提供技术支持
 
+            </div> -->
 
+        </div>
 
+        <div class="webvr-popup" style="display:none">
 
+            <div class="messaging">
 
+                <div class="page p1">
 
+                    <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                    <img class="image device-headset-side">
 
+                    <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                    <span class="hrule"></span>
 
+                    <div class="alt-help">
 
+                        <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div class="page p2 hidden">
 
+                    <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                    <ul class="tabs">
 
+                        <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                        <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                        <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                    </ul>
 
+                    <div class="tab-content webvr">
 
+                        <img class="image device-headset">
 
+                        <span class="detail headset">
 
+                            <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                        </span>
 
+                        <img class="image device-phone">
 
+                        <span class="detail phone">
 
+                            <p>
 
+                                <b>
 
+                                    <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                </b>
 
+                            </p>
 
+                            <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                        </span>
 
+                        <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                    </div>
 
+                    <div class="tab-content native hidden">
 
+                        <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                        <span>
 
+                            <img class="image badge-cardboard">
 
+                            <img class="image badge-oculus">
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+            <div class="footer">
 
+                <div class="help">
 
+                    <a>{[{ HELP }]}</a>
 
+                </div>
 
+                <div>|</div>
 
+                <div class="terms">
 
+                    <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                </div>
 
+                <!-- <img src="images/glyph.svg"> -->
 
+            </div>
 
+        </div>
 
+        <div id="gui-spinner" style="display: none;">
 
+            <div class="gui-spinner-icon"></div>
 
+        </div>
 
+        <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <a id="button-play">
 
+                        <i class="icon icon-play"></i>
 
+                    </a>
 
+                    <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="share-modal" style="display: none;">
 
+            <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+            <div id="share-outer">
 
+                <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                <div class="share-images">
 
+                    <a id="facebook-share">
 
+                        <div class="share-button">
 
+                            <span class="faceBookLink">
 
+                                <i class="icon icon-facebook"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="twitter-share">
 
+                        <div class="share-button">
 
+                            <span class="twitterLink">
 
+                                <i class="icon icon-twitter"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="mail-share">
 
+                        <div class="share-button">
 
+                            <span class="mailLink">
 
+                                <i class="icon icon-email"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                </div>
 
+                <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                <div id="share-url">
 
+                    <span id="share-url-text"></span>
 
+                </div>
 
+                <div id="copy-success" class="hidden">
 
+                    <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                </div>
 
+            </div>
 
+            <div id="share-close" class="close">
 
+                <i class="icon icon-close"></i>
 
+            </div>
 
+        </div>
 
+        <div id="terms-modal" class="fadeOut" style="display: none;">
 
+            <div id="terms-text"></div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div class="gui-error message-outer" style="display: none;">
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <div class="error-problem-text"></div>
 
+                    <div class="error-solution-text"></div>
 
+                    <div class="error-explanation"></div>
 
+                    <div class="error-actions"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+            <div class="nav-help-elements">
 
+                <div class="help-tabs">
 
+                    <div class="navigation-tab">
 
+                        <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                    </div>
 
+                    <div class="more-help-tab">
 
+                        <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="navigation-help-wrapper">
 
+                <div id="navigation-help" class="help outer">
 
+                    <div class="interactions left">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions middle">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions right">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="more-help-wrapper">
 
+                <div id="more-help">
 
+                    <div class="ui-instructions more-help-hlr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tour">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-dollhouse">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-inside">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-360">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-floors">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tag">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-vr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-fullscreen">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-zoom">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div id="vr-modal" class="vr-popup" style="display: none;">
 
+            <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+            <div class="outer">
 
+                <div class="inner">
 
+                    <h3 class="vr-popup-title">
 
+                        <span class="show-supported p1">
 
+                            <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                        </span>
 
+                        <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                        <span class="show-ios p1">
 
+                            {[{ VR_SHOW_IOS_1 }]}<br>
 
+                            <br>
 
+                        </span>
 
+                        <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                    </h3>
 
+                    <div class="vr-images">
 
+                        <div class="img-container cardboard first">
 
+                            <img class="vr-sm-image first">
 
+                            <div class="vr-img-caption first">
 
+                                <span class="show-supported show-desktop show-ios p1">
 
+                                    <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD
 
+                                    }]}</span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG
 
+                                    }]}</span>
 
+                                <span class="show-ios p2">
 
+                                    <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <br>
 
+                                    <br>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="front-close">
 
+                            <span class="front-close-x">&#x2715;</span>
 
+                        </div>
 
+                        <div class="img-container gearvr second">
 
+                            <img class="vr-sm-image second">
 
+                            <div class="vr-img-caption second">
 
+                                <span class="show-supported show-desktop p1">
 
+                                    <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-ios p2">
 
+                                    <p>
 
+                                        <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                    </p>
 
+                                    <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-unsupported p1 p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="img-container third">
 
+                            <img class="vr-sm-image third">
 
+                            <div class="vr-img-caption third">
 
+                                <span class="show-supported show-unsupported show-ios p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-popup-body">
 
+                        <span class="show-supported p1">
 
+                            <p>
 
+                                <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p>
 
+                                <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p class="improper-embed hidden">
 
+                                <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-ios p1">
 
+                            <p>
 
+                                <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-desktop p1">
 
+                            <p></p>
 
+                            <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                            <p>
 
+                                <br>
 
+                            </p>
 
+                            <p class="logo-button">
 
+                                <span class="modelLink"></span>
 
+                            </p>
 
+                            <br>
 
+                            <br>
 
+                            <p></p>
 
+                            <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                            <p></p>
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+                <div class="vr-buttons">
 
+                    <div class="next-button"></div>
 
+                    <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                    <div class="vr-arrows prev-container">
 
+                        <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                    <div class="vr-arrows next-container">
 
+                        <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                </div>
 
+                <div class="vr-page"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+        <div id="quick-logo" class="quick-brand" style="display: none;">
 
+            <!-- <img src="images/powered-by-4dage.svg"> -->
 
+        </div>
 
+        <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+        <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+        <div id="call-to-action">
 
+            <div id="pause-overlay" style="display: none;">
 
+                <div id="pause-icon">
 
+                    <a>
 
+                        <i class="icon icon-pause"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="interaction-modal">
 
+                <div id="interaction-modal-inner">
 
+                    <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                    <div class="nav-icon">
 
+                        <img src="images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                        <div class="nav-help-button">
 
+                            <div class="next-button nav-help-page" data-id="plus"></div>
 
+                            <div class="prev-button nav-help-page"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="tag-billboards" style="display: none;"></div>
 
+        <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+    </div>
 
+    <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+    <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+    <script src="js/Tween.js"></script>
 
+    <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+    <script src="js/myShow_hcy.js"></script>
 
+    <script src="js/SpecialScene.js"></script>
 
+    <script src="js/manage.js"></script>
 
+    <script src="js/main_2018.js"></script>
 
+</body>
 
+
 
+</html>

+ 833 - 0
showa/index_nologo.html
查看文件 

@@ -0,0 +1,833 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport"
 
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <title></title>
 
+    <meta name="description" content="">
 
+    <meta property="og:title" content="">
 
+    <meta property="og:description" content="">
 
+    <meta property="og:image:type" content="image/jpg">
 
+    <!-- <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep"> -->
 
+    <link rel="stylesheet" href="css/oldVer/main0.css">
 
+    <link rel="stylesheet" href="css/main.css?v=2.25">
 
+    <link rel="stylesheet" href="/CAD/cad.css?v=2.25">
 
+    <script>
 
+        var number = window.location.href.substring(window.location.href.indexOf("=") + 1);
 
+        if (number.indexOf("&") != -1) {
 
+            number = number.substring(0, number.indexOf("&"));
 
+        }
 
+        if (number.indexOf("#") != -1) {
 
+            number = number.substring(0, number.indexOf("#"));
 
+        } 
+    </script>
 
+    <script>
 
+        var _hmt = _hmt || [];
 
+        (function() {
 
+          var hm = document.createElement("script");
 
+          hm.src = "https://hm.baidu.com/hm.js?73402bb08ff95cb21b7f1673250c532d";
 
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
 
+        })();
 
+    </script>
 
+    <script class="build keep">
 
+        if (window.performance) {
 
+            window.navigationStart = window.performance.timing.navigationStart;
 
+        } else {
 
+            window.navigationStart = Date.now() + 300;
 
+        } 
+        
+    </script>
 
+    <style>
 
+        #consoleLog{ 
+          width: 120px;
 
+          height: 153px;
 
+          position: absolute;
 
+          right: 0px;
 
+          bottom: 160px;
 
+          z-index: 999999;
 
+          color: black;
 
+          opacity: 0.9;
 
+            font-size: 12px;
 
+        }
 
+    
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="hot"> 
+    </div>
 
+    <div id="popup">
 
+        <div class="popup-content">
 
+
 
+        </div>
 
+        <div id="closepop">close</div>
 
+    </div>
 
+    <div class="sidecontent" style="width:35%">
 
+        <h1><span class="side-client-close">关闭</span></h1>
 
+        <image id="sideimg" style="width:90%" /></br>
 
+        <p id="text">
 
+        </p>
 
+    </div>
 
+    <div id="gui-thumb" style="display: none;"></div>
 
+    <div id="player" style="display: none;"></div>
 
+    <div id="gui-parent">
 
+        <div id="memory-info"
 
+            style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+            GPU memory used: <span id="memory-gpu"></span>
 
+        </div>
 
+        <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="loadingLogo"> 
+                    <div class="img"> 
+                    </div> 
+                </div> 
+                <div class="progressbar" data-perc="100">
 
+                    <div class="label">
 
+                        <div class="perc">0%</div>
 
+                    </div>
 
+                    <div class="bar"><span></span></div>
 
+                </div>
 
+                <div id="loaderCoBrand">
 
+                    <div class="vert-align">
 
+                        <!-- <h2 id="loaderCoBrandName">四维时代提供技术支持</h2> -->
 
+                    </div>
 
+                </div>
 
+                <div class="bottom-logo">
 
+                    <div class="img"></div>
 
+                </div>
 
+                <div class="specialPower">
 
+                    <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                    &#xA0;<div class="img"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="gui" style="display: none;">
 
+            <div id="vrOff">
 
+                <img id="vrOffImg" src="images/vrOffImg.png" alt="">
 
+            </div>
 
+            <div id="hotListWrap">
 
+                <div id="hotListTitle">
 
+                    <div>
 
+                        <span id="hotListText">热点列表</span>
 
+                        <img id="hotListIcon" src="images/hotlist.png" alt="">
 
+                    </div>
 
+
 
+                </div>
 
+                <div id="hotListContent">
 
+                    <ul>
 
+                    </ul>
 
+                </div>
 
+                <div id="hotListBottom">
 
+                    <img id="hotListClose" src="images/hotListClose.png" alt="">
 
+                </div>
 
+            </div>
 
+            <div class="pinTop left">
 
+                <div id="model-title">
 
+                    <div class="title-row">
 
+                        <div id="title-toggle">
 
+                            <a>
 
+                                <i class="icon icon-dpad-left"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                            <div class="title-container  meta-toggle">
 
+                                <div class="co-brand">
 
+                                    {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                </div>
 
+                                <div id="title-logo">
 
+                                    <i></i>
 
+                                </div>
 
+                                <div id="gui-name" class="titleText"></div>
 
+                                <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="meta-info-wrapper">
 
+                    <div id="meta-info" class="darkGlass">
 
+                        <div id="meta-description"></div>
 
+                        <div class="contact-info">
 
+                            <i class="icon icon-user pull-left"></i>
 
+                            &#xA0;<div id="contact-data"></div>
 
+                        </div>
 
+                        <div class="address">
 
+                            <i class="icon icon-pin"></i>
 
+                            <span id="addressTxt"></span>
 
+                        </div>
 
+                        <div id="tag-toggles" class="menu-toggles hidden">
 
+                            <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                            <div id="tag-inputs" class="menu-radios">
 
+                                <div id="show-tag" class="menu-radio-show">
 
+                                    <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                    <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                </div>
 
+                                <div id="hide-tag" class="menu-radio-hide">
 
+                                    <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                    <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="labels-toggles" class="menu-toggles hidden">
 
+                            <span>Labels</span>
 
+                            <div id="labels-inputs" class="menu-radios">
 
+                                <div id="show-label" class="menu-radio-show">
 
+                                    <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                    <label for="radio-labels-show">Show</label>
 
+                                </div>
 
+                                <div id="hide-label" class="menu-radio-hide">
 
+                                    <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                    <label for="radio-labels-hide">Hide</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="share-origin" class="hidden">
 
+                            <hr>
 
+                            <div>
 
+                                <i class="icon icon-ext-link"></i>
 
+                                <div id="share-link-wrapper"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="pinBottom-container">
 
+                <div class="pinBottom center">
 
+                    <div id="view-controllers">
 
+                        <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                <div class="pinBottom left">
 
+                    <div class="viewContainer">
 
+                        <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/play.png" width="24" height="24"
 
+                                    data-original-title="播放">
 
+                            </a>
 
+                        </div>
 
+                        <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                            <a>
 
+                                <img title="" src="images/play.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="pause" class="ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/pause.png" width="24" height="24"
 
+                                    data-original-title="暂停">
 
+                            </a>
 
+                        </div>
 
+                        <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                            </a>
 
+                        </div>
 
+                        <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="gui-modes-map" class="ui-icon double active">
 
+                            <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/auto.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="" style="display: none">
 
+                                <img class="icon icon-inside" src="images/hotlist.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/inside.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/dollhouse.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/floor.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none;">
 
+                                <img class="icon icon-inside" src="images/VR.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                style="display: none; float: left;">
 
+                                <img class="icon icon-inside" src="images/face.jpg" title="navigation icon" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom right hideTarget">
 
+                    <div class="rightViewContainer clearfix">
 
+                        <div class="gui-floor">
 
+                            <div class="gui-floor-title"></div>
 
+                            <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                            <!-- <i class="icon icon-dpad-up"></i> -->
 
+                            <div class="container"></div>
 
+                        </div>
 
+                        <div id="volume" class="ui-icon wide">
 
+                            <a>
 
+                                <img src="images/Volume btn_on.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ VIEW_FULLSCREEN }]}">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen-exit"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div class="pull-right terms terms2">
 
+                            <a>{[{ TERMS }]}</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="drawer-container">
 
+                <div id="drawer" class="fullWidth">
 
+                    <div class="frame-container darkGlass">
 
+                        <div id="scrollFrame" class="frame">
 
+                            <ul id="thumb-container" class="slidee"></ul>
 
+                        </div>
 
+                        <div class="scrollbar" id="scroller">
 
+                            <div class="handle"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="playHead">
 
+                    <div id="status">
 
+                        <span class="curIdx">1</span>
 
+                        of <span class="totalSteps"></span>
 
+                    </div>
 
+                    <div id="progressBar"></div>
 
+                </div>
 
+            </div>
 
+            <div id="myCompany"
 
+                style="width:100%;position:absolute;bottom:20px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                <!-- 四维时代提供技术支持 -->
 
+            </div>
 
+        </div>
 
+        <div class="webvr-popup" style="display:none">
 
+            <div class="messaging">
 
+                <div class="page p1">
 
+                    <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                    <img class="image device-headset-side">
 
+                    <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                    <span class="hrule"></span>
 
+                    <div class="alt-help">
 
+                        <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div class="page p2 hidden">
 
+                    <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                    <ul class="tabs">
 
+                        <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                        <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                        <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                    </ul>
 
+                    <div class="tab-content webvr">
 
+                        <img class="image device-headset">
 
+                        <span class="detail headset">
 
+                            <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                        </span>
 
+                        <img class="image device-phone">
 
+                        <span class="detail phone">
 
+                            <p>
 
+                                <b>
 
+                                    <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                </b>
 
+                            </p>
 
+                            <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                        </span>
 
+                        <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                    </div>
 
+                    <div class="tab-content native hidden">
 
+                        <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                        <span>
 
+                            <img class="image badge-cardboard">
 
+                            <img class="image badge-oculus">
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+            <div class="footer">
 
+                <div class="help">
 
+                    <a>{[{ HELP }]}</a>
 
+                </div>
 
+                <div>|</div>
 
+                <div class="terms">
 
+                    <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                </div>
 
+                <!-- <img src="images/glyph.svg"> -->
 
+            </div>
 
+        </div>
 
+        <div id="gui-spinner" style="display: none;">
 
+            <div class="gui-spinner-icon"></div>
 
+        </div>
 
+        <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <a id="button-play">
 
+                        <i class="icon icon-play"></i>
 
+                    </a>
 
+                    <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="share-modal" style="display: none;">
 
+            <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+            <div id="share-outer">
 
+                <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                <div class="share-images">
 
+                    <a id="facebook-share">
 
+                        <div class="share-button">
 
+                            <span class="faceBookLink">
 
+                                <i class="icon icon-facebook"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="twitter-share">
 
+                        <div class="share-button">
 
+                            <span class="twitterLink">
 
+                                <i class="icon icon-twitter"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="mail-share">
 
+                        <div class="share-button">
 
+                            <span class="mailLink">
 
+                                <i class="icon icon-email"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                </div>
 
+                <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                <div id="share-url">
 
+                    <span id="share-url-text"></span>
 
+                </div>
 
+                <div id="copy-success" class="hidden">
 
+                    <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                </div>
 
+            </div>
 
+            <div id="share-close" class="close">
 
+                <i class="icon icon-close"></i>
 
+            </div>
 
+        </div>
 
+        <div id="terms-modal" class="fadeOut" style="display: none;">
 
+            <div id="terms-text"></div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div class="gui-error message-outer" style="display: none;">
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <div class="error-problem-text"></div>
 
+                    <div class="error-solution-text"></div>
 
+                    <div class="error-explanation"></div>
 
+                    <div class="error-actions"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+            <div class="nav-help-elements">
 
+                <div class="help-tabs">
 
+                    <div class="navigation-tab">
 
+                        <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                    </div>
 
+                    <div class="more-help-tab">
 
+                        <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="navigation-help-wrapper">
 
+                <div id="navigation-help" class="help outer">
 
+                    <div class="interactions left">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions middle">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions right">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="more-help-wrapper">
 
+                <div id="more-help">
 
+                    <div class="ui-instructions more-help-hlr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tour">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-dollhouse">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-inside">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-360">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-floors">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tag">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-vr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-fullscreen">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-zoom">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div id="vr-modal" class="vr-popup" style="display: none;">
 
+            <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+            <div class="outer">
 
+                <div class="inner">
 
+                    <h3 class="vr-popup-title">
 
+                        <span class="show-supported p1">
 
+                            <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                        </span>
 
+                        <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                        <span class="show-ios p1">
 
+                            {[{ VR_SHOW_IOS_1 }]}<br>
 
+                            <br>
 
+                        </span>
 
+                        <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                    </h3>
 
+                    <div class="vr-images">
 
+                        <div class="img-container cardboard first">
 
+                            <img class="vr-sm-image first">
 
+                            <div class="vr-img-caption first">
 
+                                <span class="show-supported show-desktop show-ios p1">
 
+                                    <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD
 
+                                    }]}</span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG
 
+                                    }]}</span>
 
+                                <span class="show-ios p2">
 
+                                    <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <br>
 
+                                    <br>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="front-close">
 
+                            <span class="front-close-x">&#x2715;</span>
 
+                        </div>
 
+                        <div class="img-container gearvr second">
 
+                            <img class="vr-sm-image second">
 
+                            <div class="vr-img-caption second">
 
+                                <span class="show-supported show-desktop p1">
 
+                                    <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-ios p2">
 
+                                    <p>
 
+                                        <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                    </p>
 
+                                    <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-unsupported p1 p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="img-container third">
 
+                            <img class="vr-sm-image third">
 
+                            <div class="vr-img-caption third">
 
+                                <span class="show-supported show-unsupported show-ios p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-popup-body">
 
+                        <span class="show-supported p1">
 
+                            <p>
 
+                                <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p>
 
+                                <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p class="improper-embed hidden">
 
+                                <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-ios p1">
 
+                            <p>
 
+                                <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-desktop p1">
 
+                            <p></p>
 
+                            <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                            <p>
 
+                                <br>
 
+                            </p>
 
+                            <p class="logo-button">
 
+                                <span class="modelLink"></span>
 
+                            </p>
 
+                            <br>
 
+                            <br>
 
+                            <p></p>
 
+                            <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                            <p></p>
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+                <div class="vr-buttons">
 
+                    <div class="next-button"></div>
 
+                    <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                    <div class="vr-arrows prev-container">
 
+                        <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                    <div class="vr-arrows next-container">
 
+                        <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                </div>
 
+                <div class="vr-page"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+        <div id="quick-logo" class="quick-brand" style="display: none;">
 
+            <!-- <img src="images/powered-by-4dage.svg"> -->
 
+        </div>
 
+        <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+        <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+        <div id="call-to-action">
 
+            <div id="pause-overlay" style="display: none;">
 
+                <div id="pause-icon">
 
+                    <a>
 
+                        <i class="icon icon-pause"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="interaction-modal">
 
+                <div id="interaction-modal-inner">
 
+                    <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                    <div class="nav-icon">
 
+                        <img src="images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                        <div class="nav-help-button">
 
+                            <div class="next-button nav-help-page" data-id="plus"></div>
 
+                            <div class="prev-button nav-help-page"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="tag-billboards" style="display: none;"></div>
 
+
 
+        <div class="cad">
 
+            <div id="cad"></div>
 
+        </div>
 
+
 
+    </div>
 
+    <script>
 
+        if(number == "TEST"){
 
+            var textarea = document.createElement('textarea');
 
+              textarea.id = "consoleLog";
 
+
 
+              document.getElementsByTagName("body")[0].appendChild(textarea);
 
+              var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
 
+              var exchange = function (o) {
 
+                console["old" + o] = console[o];
 
+                console[o] = function (str) {
 
+                  console["old" + o](str);
 
+                  var t = document.getElementById("consoleLog").innerHTML;
 
+                  document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
 
+                }
 
+              }
 
+
 
+              for (var i = 0; i < list.length; i++) {
 
+                exchange(list[i])
 
+              } 
+        }
 
+    </script>
 
+    <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+    <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+    <script src="js/Tween.js"></script>
 
+    <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+    <script src="js/myShow.js"></script>
 
+    <script src="js/SpecialScene.js"></script>
 
+    <script src="js/manage.js"></script>
 
+    <script src="js/overlay.js"></script>
 
+    <script src="js/main_2020_show.js"></script>
 
+    <script src="/CAD/bundle.js"></script>
 
+
 
+    <script src="/CAD/loadCAD.js"></script>
 
+<script>
 
+var m = getQueryStringArgs().m
 
+grentCAD('/CAD/static/data/'+ m +'/floor.json')
 
+</script>
 
+</body>
 
+
 
+</html>

+ 782 - 0
showa/index_op.html
查看文件 

@@ -0,0 +1,782 @@
 
+<!doctype html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport"
 
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+    <title>欧派橱柜新展厅</title>
 
+    <meta name="description" content="四维时代">
 
+    <meta property="og:title" content="四维时代">
 
+    <meta property="og:description" content="四维时代">
 
+    <meta property="og:image:type" content="image/jpg">
 
+    <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon.png" class="keep">
 
+    <link rel="stylesheet" href="css/oldVer/main0.css">
 
+    <link rel="stylesheet" href="css/main.css?v=2.25">
 
+    <script>
 
+        var number = window.location.href.substring(window.location.href.indexOf("=") + 1);
 
+        if (number.indexOf("&") != -1) {
 
+            number = number.substring(0, number.indexOf("&"));
 
+        }
 
+        if (number.indexOf("#") != -1) {
 
+            number = number.substring(0, number.indexOf("#"));
 
+        } 
+    </script>
 
+    <script class="build keep">
 
+        if (window.performance) {
 
+            window.navigationStart = window.performance.timing.navigationStart;
 
+        } else {
 
+            window.navigationStart = Date.now() + 300;
 
+        }
 
+    </script>
 
+
 
+</head>
 
+
 
+<body>
 
+    <div id="popup">
 
+        <div class="popup-content">
 
+
 
+        </div>
 
+        <div id="closepop">close</div>
 
+    </div>
 
+    <div class="sidecontent" style="width:35%">
 
+        <h1><span class="side-client-close">关闭</span></h1>
 
+        <image id="sideimg" style="width:90%" /></br>
 
+        <p id="text">
 
+        </p>
 
+    </div>
 
+    <div id="gui-thumb" style="display: none;"></div>
 
+    <div id="player" style="display: none;"></div>
 
+    <div id="gui-parent">
 
+        <div id="memory-info"
 
+            style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+            GPU memory used: <span id="memory-gpu"></span>
 
+        </div>
 
+        <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="progressbar" data-perc="100">
 
+                    <div class="label">
 
+                        <div class="perc">0%</div>
 
+                    </div>
 
+                    <div class="bar"><span></span></div>
 
+                </div>
 
+                <div id="loaderCoBrand">
 
+                    <div class="vert-align">
 
+                        <h2 id="loaderCoBrandName"></h2>
 
+                    </div>
 
+                </div>
 
+                <div class="bottom-logo">
 
+                    <div class="img"></div>
 
+                </div>
 
+                <div class="specialPower">
 
+                    <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                    &#xA0;<div class="img"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="gui" style="display: none;">
 
+            <div id="vrOff">
 
+                <img id="vrOffImg" src="images/vrOffImg.png" alt="">
 
+            </div>
 
+            <div id="hotListWrap">
 
+                <div id="hotListTitle">
 
+                    <div>
 
+                        <span id="hotListText">热点列表</span>
 
+                        <img id="hotListIcon" src="images/hotlist.png" alt="">
 
+                    </div>
 
+
 
+                </div>
 
+                <div id="hotListContent">
 
+                    <ul>
 
+                    </ul>
 
+                </div>
 
+                <div id="hotListBottom">
 
+                    <img id="hotListClose" src="images/hotListClose.png" alt="">
 
+                </div>
 
+            </div>
 
+            <div class="pinTop left">
 
+                <div id="model-title">
 
+                    <div class="title-row">
 
+                        <div id="title-toggle">
 
+                            <a>
 
+                                <i class="icon icon-dpad-left"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                            <div class="title-container  meta-toggle">
 
+                                <div class="co-brand">
 
+                                    {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                </div>
 
+                                <div id="title-logo">
 
+                                    <i></i>
 
+                                </div>
 
+                                <div id="gui-name" class="titleText"></div>
 
+                                <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="meta-info-wrapper">
 
+                    <div id="meta-info" class="darkGlass">
 
+                        <div id="meta-description"></div>
 
+                        <div class="contact-info">
 
+                            <i class="icon icon-user pull-left"></i>
 
+                            &#xA0;<div id="contact-data"></div>
 
+                        </div>
 
+                        <div class="address">
 
+                            <i class="icon icon-pin"></i>
 
+                            <span id="addressTxt"></span>
 
+                        </div>
 
+                        <div id="tag-toggles" class="menu-toggles hidden">
 
+                            <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                            <div id="tag-inputs" class="menu-radios">
 
+                                <div id="show-tag" class="menu-radio-show">
 
+                                    <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                    <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                </div>
 
+                                <div id="hide-tag" class="menu-radio-hide">
 
+                                    <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                    <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="labels-toggles" class="menu-toggles hidden">
 
+                            <span>Labels</span>
 
+                            <div id="labels-inputs" class="menu-radios">
 
+                                <div id="show-label" class="menu-radio-show">
 
+                                    <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                    <label for="radio-labels-show">Show</label>
 
+                                </div>
 
+                                <div id="hide-label" class="menu-radio-hide">
 
+                                    <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                    <label for="radio-labels-hide">Hide</label>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div id="share-origin" class="hidden">
 
+                            <hr>
 
+                            <div>
 
+                                <i class="icon icon-ext-link"></i>
 
+                                <div id="share-link-wrapper"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="pinBottom-container">
 
+                <div class="pinBottom center">
 
+                    <div id="view-controllers">
 
+                        <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                <div class="pinBottom left">
 
+                    <div class="viewContainer">
 
+                        <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/play.png" width="24" height="24"
 
+                                    data-original-title="播放">
 
+                            </a>
 
+                        </div>
 
+                        <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                            <a>
 
+                                <img title="" src="images/play.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="pause" class="ui-icon" style="display: none;">
 
+                            <a>
 
+                                <img rel="tooltip" title="" src="images/pause.png" width="24" height="24"
 
+                                    data-original-title="暂停">
 
+                            </a>
 
+                        </div>
 
+                        <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                            </a>
 
+                        </div>
 
+                        <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                        <div id="gui-modes-map" class="ui-icon double active">
 
+                            <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/auto.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="" style="display: none">
 
+                                <img class="icon icon-inside" src="images/hotlist.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/inside.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                <img class="icon icon-inside" src="images/dollhouse.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                <img class="icon icon-inside" src="images/floor.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none;">
 
+                                <img class="icon icon-inside" src="images/VR.png" title="navigation icon" />
 
+                            </div>
 
+                            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                style="display: none; float: left;">
 
+                                <img class="icon icon-inside" src="images/face.jpg" title="navigation icon" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom right hideTarget">
 
+                    <div class="rightViewContainer clearfix">
 
+                        <div class="gui-floor">
 
+                            <div class="gui-floor-title"></div>
 
+                            <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                            <!-- <i class="icon icon-dpad-up"></i> -->
 
+                            <div class="container"></div>
 
+                        </div>
 
+                        <div id="volume" class="ui-icon wide">
 
+                            <a>
 
+                                <img src="images/Volume btn_on.png" width="24" height="24">
 
+                            </a>
 
+                        </div>
 
+                        <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                            <a>
 
+                                <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ VIEW_FULLSCREEN }]}">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                            title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                            <a>
 
+                                <i class="icon icon-fullscreen-exit"></i>
 
+                            </a>
 
+                        </div>
 
+                        <div class="pull-right terms terms2">
 
+                            <a>{[{ TERMS }]}</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="drawer-container">
 
+                <div id="drawer" class="fullWidth">
 
+                    <div class="frame-container darkGlass">
 
+                        <div id="scrollFrame" class="frame">
 
+                            <ul id="thumb-container" class="slidee"></ul>
 
+                        </div>
 
+                        <div class="scrollbar" id="scroller">
 
+                            <div class="handle"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="playHead">
 
+                    <div id="status">
 
+                        <span class="curIdx">1</span>
 
+                        of <span class="totalSteps"></span>
 
+                    </div>
 
+                    <div id="progressBar"></div>
 
+                </div>
 
+            </div>
 
+            <div id="myCompany"
 
+                style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                四维时代提供技术支持
 
+            </div>
 
+        </div>
 
+        <div class="webvr-popup" style="display:none">
 
+            <div class="messaging">
 
+                <div class="page p1">
 
+                    <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                    <img class="image device-headset-side">
 
+                    <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                    <span class="hrule"></span>
 
+                    <div class="alt-help">
 
+                        <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div class="page p2 hidden">
 
+                    <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                    <ul class="tabs">
 
+                        <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                        <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                        <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                    </ul>
 
+                    <div class="tab-content webvr">
 
+                        <img class="image device-headset">
 
+                        <span class="detail headset">
 
+                            <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                        </span>
 
+                        <img class="image device-phone">
 
+                        <span class="detail phone">
 
+                            <p>
 
+                                <b>
 
+                                    <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                </b>
 
+                            </p>
 
+                            <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                        </span>
 
+                        <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                    </div>
 
+                    <div class="tab-content native hidden">
 
+                        <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                        <span>
 
+                            <img class="image badge-cardboard">
 
+                            <img class="image badge-oculus">
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+            <div class="footer">
 
+                <div class="help">
 
+                    <a>{[{ HELP }]}</a>
 
+                </div>
 
+                <div>|</div>
 
+                <div class="terms">
 
+                    <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                </div>
 
+                <!-- <img src="images/glyph.svg"> -->
 
+            </div>
 
+        </div>
 
+        <div id="gui-spinner" style="display: none;">
 
+            <div class="gui-spinner-icon"></div>
 
+        </div>
 
+        <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+            <h2 class="model-title"></h2>
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <a id="button-play">
 
+                        <i class="icon icon-play"></i>
 
+                    </a>
 
+                    <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="share-modal" style="display: none;">
 
+            <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+            <div id="share-outer">
 
+                <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                <div class="share-images">
 
+                    <a id="facebook-share">
 
+                        <div class="share-button">
 
+                            <span class="faceBookLink">
 
+                                <i class="icon icon-facebook"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="twitter-share">
 
+                        <div class="share-button">
 
+                            <span class="twitterLink">
 
+                                <i class="icon icon-twitter"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                    <a id="mail-share">
 
+                        <div class="share-button">
 
+                            <span class="mailLink">
 
+                                <i class="icon icon-email"></i>
 
+                            </span>
 
+                        </div>
 
+                    </a>
 
+                </div>
 
+                <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                <div id="share-url">
 
+                    <span id="share-url-text"></span>
 
+                </div>
 
+                <div id="copy-success" class="hidden">
 
+                    <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                </div>
 
+            </div>
 
+            <div id="share-close" class="close">
 
+                <i class="icon icon-close"></i>
 
+            </div>
 
+        </div>
 
+        <div id="terms-modal" class="fadeOut" style="display: none;">
 
+            <div id="terms-text"></div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div class="gui-error message-outer" style="display: none;">
 
+            <div class="message-inner">
 
+                <div class="message-content">
 
+                    <div class="error-problem-text"></div>
 
+                    <div class="error-solution-text"></div>
 
+                    <div class="error-explanation"></div>
 
+                    <div class="error-actions"></div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+            <div class="nav-help-elements">
 
+                <div class="help-tabs">
 
+                    <div class="navigation-tab">
 
+                        <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                    </div>
 
+                    <div class="more-help-tab">
 
+                        <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="navigation-help-wrapper">
 
+                <div id="navigation-help" class="help outer">
 
+                    <div class="interactions left">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions middle">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                    <div class="interactions right">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <hr>
 
+                        <div class="bottom-info"></div>
 
+                        <img class="keyboard">
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="more-help-wrapper">
 
+                <div id="more-help">
 
+                    <div class="ui-instructions more-help-hlr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tour">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-dollhouse">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-inside">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-360">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-floors">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-tag">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-vr">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-fullscreen">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                    <div class="ui-instructions more-help-zoom">
 
+                        <h2 class="top-info"></h2>
 
+                        <img class="big-image">
 
+                        <div class="bottom-info"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="close">
 
+                <a>
 
+                    <i class="icon icon-close"></i>
 
+                </a>
 
+            </div>
 
+        </div>
 
+        <div id="vr-modal" class="vr-popup" style="display: none;">
 
+            <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+            <div class="outer">
 
+                <div class="inner">
 
+                    <h3 class="vr-popup-title">
 
+                        <span class="show-supported p1">
 
+                            <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                        </span>
 
+                        <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                        <span class="show-ios p1">
 
+                            {[{ VR_SHOW_IOS_1 }]}<br>
 
+                            <br>
 
+                        </span>
 
+                        <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                    </h3>
 
+                    <div class="vr-images">
 
+                        <div class="img-container cardboard first">
 
+                            <img class="vr-sm-image first">
 
+                            <div class="vr-img-caption first">
 
+                                <span class="show-supported show-desktop show-ios p1">
 
+                                    <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD
 
+                                    }]}</span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG
 
+                                    }]}</span>
 
+                                <span class="show-ios p2">
 
+                                    <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                    <br>
 
+                                    <br>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="front-close">
 
+                            <span class="front-close-x">&#x2715;</span>
 
+                        </div>
 
+                        <div class="img-container gearvr second">
 
+                            <img class="vr-sm-image second">
 
+                            <div class="vr-img-caption second">
 
+                                <span class="show-supported show-desktop p1">
 
+                                    <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                </span>
 
+                                <span class="show-supported p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-ios p2">
 
+                                    <p>
 
+                                        <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                    </p>
 
+                                    <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                </span>
 
+                                <span class="show-unsupported p1 p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported show-desktop p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="img-container third">
 
+                            <img class="vr-sm-image third">
 
+                            <div class="vr-img-caption third">
 
+                                <span class="show-supported show-unsupported show-ios p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                                <span class="show-desktop p2">
 
+                                    <p>
 
+                                        <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                    </p>
 
+                                    <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                </span>
 
+                                <span class="show-supported show-unsupported p3">
 
+                                    <p>
 
+                                        <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                    </p>
 
+                                    <p>
 
+                                        <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                    </p>
 
+                                </span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-popup-body">
 
+                        <span class="show-supported p1">
 
+                            <p>
 
+                                <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p>
 
+                                <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                            </p>
 
+                            <br>
 
+                            <p class="improper-embed hidden">
 
+                                <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-ios p1">
 
+                            <p>
 
+                                <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                            </p>
 
+                        </span>
 
+                        <span class="show-desktop p1">
 
+                            <p></p>
 
+                            <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                            <p>
 
+                                <br>
 
+                            </p>
 
+                            <p class="logo-button">
 
+                                <span class="modelLink"></span>
 
+                            </p>
 
+                            <br>
 
+                            <br>
 
+                            <p></p>
 
+                            <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                            <p></p>
 
+                        </span>
 
+                    </div>
 
+                </div>
 
+                <div class="vr-buttons">
 
+                    <div class="next-button"></div>
 
+                    <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                    <div class="vr-arrows prev-container">
 
+                        <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                    <div class="vr-arrows next-container">
 
+                        <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                    </div>
 
+                </div>
 
+                <div class="vr-page"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+        <div id="quick-logo" class="quick-brand" style="display: none;">
 
+            <!-- <img src="images/powered-by-4dage.svg"> -->
 
+        </div>
 
+        <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+        <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+        <div id="call-to-action">
 
+            <div id="pause-overlay" style="display: none;">
 
+                <div id="pause-icon">
 
+                    <a>
 
+                        <i class="icon icon-pause"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="interaction-modal">
 
+                <div id="interaction-modal-inner">
 
+                    <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                    <div class="nav-icon">
 
+                        <img src="images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                        <div class="nav-help-button">
 
+                            <div class="next-button nav-help-page" data-id="plus"></div>
 
+                            <div class="prev-button nav-help-page"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="tag-billboards" style="display: none;"></div>
 
+        <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+    </div>
 
+    <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+    <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+    <script src="js/Tween.js"></script>
 
+    <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+    <script src="js/myShow.js"></script>
 
+    <script src="js/SpecialScene.js"></script>
 
+    <script src="js/manage.js"></script>
 
+    <script src="js/main_2018.js"></script>
 
+</body>
 
+
 
+</html>

+ 752 - 0
showa/index_sjbd.html
查看文件 

@@ -0,0 +1,752 @@
 
+<!doctype html>
 
+<html>
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <title></title>
 
+        <meta name="description" content="四维时代">
 
+        <meta property="og:title" content="四维时代">
 
+        <meta property="og:description" content="四维时代">
 
+        <meta property="og:image:type" content="image/jpg">
 
+        <!-- <link rel="icon" type="image/png" sizes="32x32" href="https://super.4dage.com/images/icons/favicon.png" class="keep"> -->
 
+        <link rel="stylesheet" href="css/oldVer/main0.css">
 
+        <link rel="stylesheet" href="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/JMDST/css/main.css?v=2.25">
 
+        <script>
 
+        var number=window.location.href.substring(window.location.href.indexOf("=")+1);
 
+        if(number.indexOf("&")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("&"));
 
+        }
 
+        if(number.indexOf("#")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("#"));
 
+        } 
+        </script>
 
+        <script class="build keep">
 
+            if (window.performance) {
 
+                window.navigationStart = window.performance.timing.navigationStart;
 
+            } else {
 
+                window.navigationStart = Date.now() + 300;
 
+            }
 
+        </script>
 
+		<script>
 
+            var _hmt = _hmt || [];
 
+            (function() {
 
+                var hm = document.createElement("script");
 
+                hm.src = "https://hm.baidu.com/hm.js?73402bb08ff95cb21b7f1673250c532d";
 
+                var s = document.getElementsByTagName("script")[0]; 
+                s.parentNode.insertBefore(hm, s);
 
+            })();
 
+        </script>
 
+    </head>
 
+    <body>
 
+		<div id="popup">
 
+            <div class="popup-content">
 
+
 
+            </div>
 
+			<div id="closepop" >close</div>
 
+		</div>
 
+		<div class="sidecontent" style="width:35%">
 
+			<h1><span class="side-client-close">关闭</span></h1>
 
+			<image id="sideimg" style="width:90%"/></br>
 
+			<p id="text">
 
+			</p>
 
+		</div>
 
+        <div id="gui-thumb" style="display: none;"></div>
 
+        <div id="player" style="display: none;"></div>
 
+        <div id="gui-parent">
 
+            <div id="memory-info" style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+                GPU memory used: <span id="memory-gpu"></span>
 
+            </div>
 
+            <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="progressbar" data-perc="100">
 
+                        <div class="label"><div class="perc">0%</div></div>
 
+                        <div class="bar"><span></span></div>
 
+                    </div>
 
+                    <div id="loaderCoBrand">
 
+                        <div class="vert-align">
 
+                            <h2 id="loaderCoBrandName"></h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="bottom-logo">
 
+                        <div class="img"></div>
 
+                    </div>
 
+                    <div class="specialPower">
 
+                        <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                        &#xA0;<div class="img"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="gui" style="display: none;">
 
+                <div class="pinTop left">
 
+                    <div id="model-title">
 
+                        <div class="title-row">
 
+                            <div id="title-toggle" >
 
+                                <a>
 
+                                    <i class="icon icon-dpad-left"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                                <div class="title-container  meta-toggle">
 
+                                    <div class="co-brand">
 
+                                        {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                    </div>
 
+                                    <div id="title-logo" >
 
+                                        <i ></i>
 
+                                    </div>
 
+                                    <div id="gui-name" class="titleText"></div>
 
+                                    <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                    <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="meta-info-wrapper">
 
+                        <div id="meta-info" class="darkGlass">
 
+                            <div id="meta-description"></div>
 
+                            <div class="contact-info">
 
+                                <i class="icon icon-user pull-left"></i>
 
+                                &#xA0;<div id="contact-data"></div>
 
+                            </div>
 
+                            <div class="address">
 
+                                <i class="icon icon-pin"></i>
 
+                                <span id="addressTxt"></span>
 
+                            </div>
 
+                            <div id="tag-toggles" class="menu-toggles hidden">
 
+                                <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                                <div id="tag-inputs" class="menu-radios">
 
+                                    <div id="show-tag" class="menu-radio-show">
 
+                                        <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                        <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                    </div>
 
+                                    <div id="hide-tag" class="menu-radio-hide">
 
+                                        <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                        <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="labels-toggles" class="menu-toggles hidden">
 
+                                <span>Labels</span>
 
+                                <div id="labels-inputs" class="menu-radios">
 
+                                    <div id="show-label" class="menu-radio-show">
 
+                                        <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                        <label for="radio-labels-show">Show</label>
 
+                                    </div>
 
+                                    <div id="hide-label" class="menu-radio-hide">
 
+                                        <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                        <label for="radio-labels-hide">Hide</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="share-origin" class="hidden">
 
+                                <hr>
 
+                                <div>
 
+                                    <i class="icon icon-ext-link"></i>
 
+                                    <div id="share-link-wrapper"></div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom-container">
 
+                    <div class="pinBottom center">
 
+                        <div id="view-controllers">
 
+                            <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                        </div>
 
+                    </div>
 
+                    <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                    <div class="pinBottom left">
 
+                        <div class="viewContainer">
 
+                            <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/play.png" width="24" height="24" data-original-title="播放">
 
+                                </a>
 
+                            </div>
 
+                            <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                                <a>
 
+                                    <img  title="" src="https://super.4dage.com/images/play.png" width="24" height="24" >
 
+                                </a>
 
+                            </div>
 
+                            <div id="pause" class="ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="https://super.4dage.com/images/pause.png" width="24" height="24" data-original-title="暂停">
 
+                                </a>
 
+                            </div>
 
+                            <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                                </a>
 
+                            </div>
 
+                            <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                </a>
 
+                            </div> -->
 
+                            <div id="gui-modes-map" class="ui-icon double active" >
 
+                                <div data-original-title="导览" id="pullTab" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/auto.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title=""  class="">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/inside.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/dollhouse.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="" >
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/floor.png" title="navigation icon" />
 
+                                </div>
 
+                                <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title="" style="display: none; float: left;">
 
+                                    <img class="icon icon-inside" src="https://super.4dage.com/images/face.jpg" title="navigation icon" />
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="pinBottom right hideTarget">
 
+                        <div class="rightViewContainer clearfix">
 
+                            <div class="gui-floor">
 
+                                <div class="gui-floor-title"></div>
 
+                                <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                                <!-- <i class="icon icon-dpad-up"></i> -->
 
+                                <div class="container"></div>
 
+                            </div>
 
+							<div id="volume" class="ui-icon wide">
 
+								<a>
 
+									<img src="https://super.4dage.com/images/Volume btn_on.png" width="24" height="24" >
 
+								</a>
 
+							</div>
 
+                            <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ VIEW_FULLSCREEN }]}">
 
+                                <a>
 
+                                    <i  class="icon icon-fullscreen"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip" title="{[{ EXIT_FULLSCREEN }]}"  style="display: none;">
 
+                                <a>
 
+                                    <i class="icon icon-fullscreen-exit"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div class="pull-right terms terms2">
 
+                                <a>{[{ TERMS }]}</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="drawer-container">
 
+                    <div id="drawer" class="fullWidth">
 
+                        <div class="frame-container darkGlass">
 
+                            <div id="scrollFrame" class="frame">
 
+                                <ul id="thumb-container" class="slidee"></ul>
 
+                            </div>
 
+                            <div class="scrollbar" id="scroller">
 
+                                <div class="handle"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="playHead">
 
+                        <div id="status">
 
+                            <span class="curIdx">1</span>
 
+                            of <span class="totalSteps"></span>
 
+                        </div>
 
+                        <div id="progressBar"></div>
 
+                    </div>
 
+                </div>
 
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                    
+                </div>
 
+            </div>
 
+            <div class="webvr-popup" style="display:none">
 
+                <div class="messaging">
 
+                    <div class="page p1">
 
+                        <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                        <img class="image device-headset-side">
 
+                        <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                        <span class="hrule"></span>
 
+                        <div class="alt-help">
 
+                            <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="page p2 hidden">
 
+                        <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                        <ul class="tabs">
 
+                            <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                            <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                            <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                        </ul>
 
+                        <div class="tab-content webvr">
 
+                            <img class="image device-headset">
 
+                            <span class="detail headset">
 
+                                <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                            </span>
 
+                            <img class="image device-phone">
 
+                            <span class="detail phone">
 
+                                <p>
 
+                                    <b>
 
+                                        <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                    </b>
 
+                                </p>
 
+                                <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                            </span>
 
+                            <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                        </div>
 
+                        <div class="tab-content native hidden">
 
+                            <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                            <span>
 
+                                <img class="image badge-cardboard">
 
+                                <img class="image badge-oculus">
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+                <div class="footer">
 
+                    <div class="help">
 
+                        <a>{[{ HELP }]}</a>
 
+                    </div>
 
+                    <div>|</div>
 
+                    <div class="terms">
 
+                        <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                    </div>
 
+                    <!-- <img src="images/glyph.svg"> -->
 
+                </div>
 
+            </div>
 
+            <div id="gui-spinner" style="display: none;">
 
+                <div class="gui-spinner-icon"></div>
 
+            </div>
 
+            <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <a id="button-play">
 
+                            <i class="icon icon-play"></i>
 
+                        </a>
 
+                        <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="share-modal" style="display: none;">
 
+                <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+                <div id="share-outer">
 
+                    <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                    <div class="share-images">
 
+                        <a id="facebook-share">
 
+                            <div class="share-button">
 
+                                <span class="faceBookLink">
 
+                                    <i class="icon icon-facebook"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="twitter-share">
 
+                            <div class="share-button">
 
+                                <span class="twitterLink">
 
+                                    <i class="icon icon-twitter"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="mail-share">
 
+                            <div class="share-button">
 
+                                <span class="mailLink">
 
+                                    <i class="icon icon-email"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                    </div>
 
+                    <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                    <div id="share-url">
 
+                        <span id="share-url-text"></span>
 
+                    </div>
 
+                    <div id="copy-success" class="hidden">
 
+                        <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div id="share-close" class="close">
 
+                    <i class="icon icon-close"></i>
 
+                </div>
 
+            </div>
 
+            <div id="terms-modal" class="fadeOut" style="display: none;">
 
+                <div id="terms-text"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div class="gui-error message-outer" style="display: none;">
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <div class="error-problem-text"></div>
 
+                        <div class="error-solution-text"></div>
 
+                        <div class="error-explanation"></div>
 
+                        <div class="error-actions"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+                <div class="nav-help-elements">
 
+                    <div class="help-tabs">
 
+                        <div class="navigation-tab">
 
+                            <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                        </div>
 
+                        <div class="more-help-tab">
 
+                            <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="navigation-help-wrapper">
 
+                    <div id="navigation-help" class="help outer">
 
+                        <div class="interactions left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="more-help-wrapper">
 
+                    <div id="more-help">
 
+                        <div class="ui-instructions more-help-hlr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tour">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-dollhouse">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-inside">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-360">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-floors">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tag">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-vr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-fullscreen">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-zoom">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="vr-modal" class="vr-popup" style="display: none;">
 
+                <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+                <div class="outer">
 
+                    <div class="inner">
 
+                        <h3 class="vr-popup-title">
 
+                            <span class="show-supported p1">
 
+                                <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                            </span>
 
+                            <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                            <span class="show-ios p1">
 
+                                {[{ VR_SHOW_IOS_1 }]}<br>
 
+                                <br>
 
+                            </span>
 
+                            <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                        </h3>
 
+                        <div class="vr-images">
 
+                            <div class="img-container cardboard first">
 
+                                <img class="vr-sm-image first">
 
+                                <div class="vr-img-caption first">
 
+                                    <span class="show-supported show-desktop show-ios p1">
 
+                                        <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD }]}</span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG }]}</span>
 
+                                    <span class="show-ios p2">
 
+                                        <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <br>
 
+                                        <br>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="front-close">
 
+                                <span class="front-close-x">&#x2715;</span>
 
+                            </div>
 
+                            <div class="img-container gearvr second">
 
+                                <img class="vr-sm-image second">
 
+                                <div class="vr-img-caption second">
 
+                                    <span class="show-supported show-desktop p1">
 
+                                        <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-ios p2">
 
+                                        <p>
 
+                                            <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                        </p>
 
+                                        <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-unsupported p1 p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="img-container third">
 
+                                <img class="vr-sm-image third">
 
+                                <div class="vr-img-caption third">
 
+                                    <span class="show-supported show-unsupported show-ios p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="vr-popup-body">
 
+                            <span class="show-supported p1">
 
+                                <p>
 
+                                    <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p>
 
+                                    <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p class="improper-embed hidden">
 
+                                    <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-ios p1">
 
+                                <p>
 
+                                    <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-desktop p1">
 
+                                <p></p>
 
+                                <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                                <p>
 
+                                    <br>
 
+                                </p>
 
+                                <p class="logo-button">
 
+                                    <span class="modelLink"></span>
 
+                                </p>
 
+                                <br>
 
+                                <br>
 
+                                <p></p>
 
+                                <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                                <p></p>
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-buttons">
 
+                        <div class="next-button"></div>
 
+                        <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                        <div class="vr-arrows prev-container">
 
+                            <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                        <div class="vr-arrows next-container">
 
+                            <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-page"></div>
 
+                    <div class="close">
 
+                        <a>
 
+                            <i class="icon icon-close"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+            <div id="quick-logo" class="quick-brand" style="display: none;">
 
+                <!-- <img src="images/powered-by-4dage.svg"> -->
 
+            </div>
 
+            <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+            <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+            <div id="call-to-action" >
 
+                <div id="pause-overlay" style="display: none;" >
 
+                    <div id="pause-icon">
 
+                        <a>
 
+                            <i class="icon icon-pause"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+                <div id="interaction-modal">
 
+                    <div id="interaction-modal-inner">
 
+                        <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                        <div class="nav-icon">
 
+                            <img src="https://super.4dage.com/images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                            <div class="nav-help-button">
 
+                                <div class="next-button nav-help-page" data-id="plus" ></div>
 
+                                <div class="prev-button nav-help-page"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="tag-billboards" style="display: none;"></div>
 
+            <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+        </div> 
+        <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+        <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+        <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+	<script src="js/Tween.js"></script>
 
+        <script src="js/myShow_sjbd.js"></script>
 
+        <script src="js/SpecialScene.js"></script>
 
+        <script src="js/manage.js"></script>
 
+        <script src="https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/JMDST/js/main_2018.js"></script>
 
+    </body>
 
+</html>

+ 66 - 0
showa/js/SpecialScene.js
查看文件 

@@ -0,0 +1,66 @@
 
+//针对客户的需求，给不用的大场景修改
 
+var SpecialScene = function(){};
 
+
 
+SpecialScene.prototype.special = function() {
 
+    var num = manage.number("m"),that = this;
 
+    return {
 
+        //之前执行的代码
 
+        beforeImplement : function(){
 
+            
+        },
 
+        //之后执行的代码
 
+        afterImplement : function(){
 
+            switch(num)
 
+            {
 
+                case "391":
 
+                that.data391();
 
+                break;
 
+                case "409":
 
+                that.data412();
 
+                break;
 
+                case "410":
 
+                that.data412();
 
+                break;
 
+                case "411":
 
+                that.data412();
 
+                break;
 
+                case "412":
 
+                that.data412();
 
+                break;
 
+                case "413":
 
+                // that.data413();
 
+                break;
 
+                case "415":
 
+                that.data413();
 
+                break;
 
+            }
 
+        }
 
+    }
 
+
 
+};
 
+
 
+SpecialScene.prototype.data412 = function(){
 
+    $("#myCompany").addClass("JLogo");
 
+    $("#myCompany").empty().append("<img src=https://super.4dage.com/images/JLogo.png alt=logo style='height: 100%' />");
 
+    $("#loaderCoBrandName").hide();
 
+    $("[data-index=all]").text("All");
 
+    $("[data-index=0]").text("Floor 1");
 
+    $("[data-index=1]").text("Floor 2");
 
+}
 
+
 
+SpecialScene.prototype.data413 = function(){
 
+    var btn = '<div class="warpper-LY"><a  target="_blank"  href="http://model3d.4dage.com/3D/2018/model/LY4/index.html">精品鉴赏</a></div>';
 
+    $("body").append(btn);
 
+}
 
+
 
+SpecialScene.prototype.data391 = function(){
 
+    var safari = '<link rel="apple-touch-icon" sizes="180x180" href="images/icons/hnrd.jpg" />';
 
+    $("head").append(safari);
 
+}
 
+
 
+var specialScene = new SpecialScene()
 
+
 
+
 
+ 
+
 
+

+ 755 - 0
showa/js/Tween.js
查看文件 

@@ -0,0 +1,755 @@
 
+/**
 
+ * Tween.js - Licensed under the MIT license
 
+ * https://github.com/sole/tween.js
 
+ * ----------------------------------------------
 
+ *
 
+ * See https://github.com/sole/tween.js/graphs/contributors for the full list of contributors.
 
+ * Thank you all, you're awesome!
 
+ */
 
+
 
+// Date.now shim for (ahem) Internet Explo(d|r)er
 
+if ( Date.now === undefined ) {
 
+
 
+	Date.now = function () {
 
+
 
+		return new Date().valueOf();
 
+
 
+	};
 
+
 
+}
 
+
 
+var TWEEN = TWEEN || ( function () {
 
+
 
+	var _tweens = [];
 
+
 
+	return {
 
+
 
+		REVISION: '14',
 
+
 
+		getAll: function () {
 
+
 
+			return _tweens;
 
+
 
+		},
 
+
 
+		removeAll: function () {
 
+
 
+			_tweens = [];
 
+
 
+		},
 
+
 
+		add: function ( tween ) {
 
+
 
+			_tweens.push( tween );
 
+
 
+		},
 
+
 
+		remove: function ( tween ) {
 
+
 
+			var i = _tweens.indexOf( tween );
 
+
 
+			if ( i !== -1 ) {
 
+
 
+				_tweens.splice( i, 1 );
 
+
 
+			}
 
+
 
+		},
 
+
 
+		update: function ( time ) {
 
+
 
+			if ( _tweens.length === 0 ) return false;
 
+
 
+			var i = 0;
 
+
 
+			time = time !== undefined ? time : ( typeof window !== 'undefined' && window.performance !== undefined && window.performance.now !== undefined ? window.performance.now() : Date.now() );
 
+
 
+			while ( i < _tweens.length ) {
 
+
 
+				if ( _tweens[ i ].update( time ) ) {
 
+
 
+					i++;
 
+
 
+				} else {
 
+
 
+					_tweens.splice( i, 1 );
 
+
 
+				}
 
+
 
+			}
 
+
 
+			return true;
 
+
 
+		}
 
+	};
 
+
 
+} )();
 
+
 
+TWEEN.Tween = function ( object ) {
 
+
 
+	var _object = object;
 
+	var _valuesStart = {};
 
+	var _valuesEnd = {};
 
+	var _valuesStartRepeat = {};
 
+	var _duration = 1000;
 
+	var _repeat = 0;
 
+	var _yoyo = false;
 
+	var _isPlaying = false;
 
+	var _reversed = false;
 
+	var _delayTime = 0;
 
+	var _startTime = null;
 
+	var _easingFunction = TWEEN.Easing.Linear.None;
 
+	var _interpolationFunction = TWEEN.Interpolation.Linear;
 
+	var _chainedTweens = [];
 
+	var _onStartCallback = null;
 
+	var _onStartCallbackFired = false;
 
+	var _onUpdateCallback = null;
 
+	var _onCompleteCallback = null;
 
+	var _onStopCallback = null;
 
+
 
+	// Set all starting values present on the target object
 
+	for ( var field in object ) {
 
+
 
+		_valuesStart[ field ] = parseFloat(object[field], 10);
 
+
 
+	}
 
+
 
+	this.to = function ( properties, duration ) {
 
+
 
+		if ( duration !== undefined ) {
 
+
 
+			_duration = duration;
 
+
 
+		}
 
+
 
+		_valuesEnd = properties;
 
+
 
+		return this;
 
+
 
+	};
 
+
 
+	this.start = function ( time ) {
 
+
 
+		TWEEN.add( this );
 
+
 
+		_isPlaying = true;
 
+
 
+		_onStartCallbackFired = false;
 
+
 
+		_startTime = time !== undefined ? time : ( typeof window !== 'undefined' && window.performance !== undefined && window.performance.now !== undefined ? window.performance.now() : Date.now() );
 
+		_startTime += _delayTime;
 
+
 
+		for ( var property in _valuesEnd ) {
 
+
 
+			// check if an Array was provided as property value
 
+			if ( _valuesEnd[ property ] instanceof Array ) {
 
+
 
+				if ( _valuesEnd[ property ].length === 0 ) {
 
+
 
+					continue;
 
+
 
+				}
 
+
 
+				// create a local copy of the Array with the start value at the front
 
+				_valuesEnd[ property ] = [ _object[ property ] ].concat( _valuesEnd[ property ] );
 
+
 
+			}
 
+
 
+			_valuesStart[ property ] = _object[ property ];
 
+
 
+			if( ( _valuesStart[ property ] instanceof Array ) === false ) {
 
+				_valuesStart[ property ] *= 1.0; // Ensures we're using numbers, not strings
 
+			}
 
+
 
+			_valuesStartRepeat[ property ] = _valuesStart[ property ] || 0;
 
+
 
+		}
 
+
 
+		return this;
 
+
 
+	};
 
+
 
+	this.stop = function () {
 
+
 
+		if ( !_isPlaying ) {
 
+			return this;
 
+		}
 
+
 
+		TWEEN.remove( this );
 
+		_isPlaying = false;
 
+
 
+		if ( _onStopCallback !== null ) {
 
+
 
+			_onStopCallback.call( _object );
 
+
 
+		}
 
+
 
+		this.stopChainedTweens();
 
+		return this;
 
+
 
+	};
 
+
 
+	this.stopChainedTweens = function () {
 
+
 
+		for ( var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++ ) {
 
+
 
+			_chainedTweens[ i ].stop();
 
+
 
+		}
 
+
 
+	};
 
+
 
+	this.delay = function ( amount ) {
 
+
 
+		_delayTime = amount;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.repeat = function ( times ) {
 
+
 
+		_repeat = times;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.yoyo = function( yoyo ) {
 
+
 
+		_yoyo = yoyo;
 
+		return this;
 
+
 
+	};
 
+
 
+
 
+	this.easing = function ( easing ) {
 
+
 
+		_easingFunction = easing;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.interpolation = function ( interpolation ) {
 
+
 
+		_interpolationFunction = interpolation;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.chain = function () {
 
+
 
+		_chainedTweens = arguments;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.onStart = function ( callback ) {
 
+
 
+		_onStartCallback = callback;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.onUpdate = function ( callback ) {
 
+
 
+		_onUpdateCallback = callback;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.onComplete = function ( callback ) {
 
+
 
+		_onCompleteCallback = callback;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.onStop = function ( callback ) {
 
+
 
+		_onStopCallback = callback;
 
+		return this;
 
+
 
+	};
 
+
 
+	this.update = function ( time ) {
 
+
 
+		var property;
 
+
 
+		if ( time < _startTime ) {
 
+
 
+			return true;
 
+
 
+		}
 
+
 
+		if ( _onStartCallbackFired === false ) {
 
+
 
+			if ( _onStartCallback !== null ) {
 
+
 
+				_onStartCallback.call( _object );
 
+
 
+			}
 
+
 
+			_onStartCallbackFired = true;
 
+
 
+		}
 
+
 
+		var elapsed = ( time - _startTime ) / _duration;
 
+		elapsed = elapsed > 1 ? 1 : elapsed;
 
+
 
+		var value = _easingFunction( elapsed );
 
+
 
+		for ( property in _valuesEnd ) {
 
+
 
+			var start = _valuesStart[ property ] || 0;
 
+			var end = _valuesEnd[ property ];
 
+
 
+			if ( end instanceof Array ) {
 
+
 
+				_object[ property ] = _interpolationFunction( end, value );
 
+
 
+			} else {
 
+
 
+				// Parses relative end values with start as base (e.g.: +10, -3)
 
+				if ( typeof(end) === "string" ) {
 
+					end = start + parseFloat(end, 10);
 
+				}
 
+
 
+				// protect against non numeric properties.
 
+				if ( typeof(end) === "number" ) {
 
+					_object[ property ] = start + ( end - start ) * value;
 
+				}
 
+
 
+			}
 
+
 
+		}
 
+
 
+		if ( _onUpdateCallback !== null ) {
 
+
 
+			_onUpdateCallback.call( _object, value );
 
+
 
+		}
 
+
 
+		if ( elapsed == 1 ) {
 
+
 
+			if ( _repeat > 0 ) {
 
+
 
+				if( isFinite( _repeat ) ) {
 
+					_repeat--;
 
+				}
 
+
 
+				// reassign starting values, restart by making startTime = now
 
+				for( property in _valuesStartRepeat ) {
 
+
 
+					if ( typeof( _valuesEnd[ property ] ) === "string" ) {
 
+						_valuesStartRepeat[ property ] = _valuesStartRepeat[ property ] + parseFloat(_valuesEnd[ property ], 10);
 
+					}
 
+
 
+					if (_yoyo) {
 
+						var tmp = _valuesStartRepeat[ property ];
 
+						_valuesStartRepeat[ property ] = _valuesEnd[ property ];
 
+						_valuesEnd[ property ] = tmp;
 
+					}
 
+
 
+					_valuesStart[ property ] = _valuesStartRepeat[ property ];
 
+
 
+				}
 
+
 
+				if (_yoyo) {
 
+					_reversed = !_reversed;
 
+				}
 
+
 
+				_startTime = time + _delayTime;
 
+
 
+				return true;
 
+
 
+			} else {
 
+
 
+				if ( _onCompleteCallback !== null ) {
 
+
 
+					_onCompleteCallback.call( _object );
 
+
 
+				}
 
+
 
+				for ( var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++ ) {
 
+
 
+					_chainedTweens[ i ].start( time );
 
+
 
+				}
 
+
 
+				return false;
 
+
 
+			}
 
+
 
+		}
 
+
 
+		return true;
 
+
 
+	};
 
+
 
+};
 
+
 
+
 
+TWEEN.Easing = {
 
+
 
+	Linear: {
 
+
 
+		None: function ( k ) {
 
+
 
+			return k;
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Quadratic: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return k * k;
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return k * ( 2 - k );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
 
+			return - 0.5 * ( --k * ( k - 2 ) - 1 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Cubic: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return k * k * k;
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return --k * k * k + 1;
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k;
 
+			return 0.5 * ( ( k -= 2 ) * k * k + 2 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Quartic: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return k * k * k * k;
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return 1 - ( --k * k * k * k );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k;
 
+			return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Quintic: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return k * k * k * k * k;
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return --k * k * k * k * k + 1;
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k;
 
+			return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Sinusoidal: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return 1 - Math.cos( k * Math.PI / 2 );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return Math.sin( k * Math.PI / 2 );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			return 0.5 * ( 1 - Math.cos( Math.PI * k ) );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Exponential: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return k === 0 ? 0 : Math.pow( 1024, k - 1 );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return k === 1 ? 1 : 1 - Math.pow( 2, - 10 * k );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( k === 0 ) return 0;
 
+			if ( k === 1 ) return 1;
 
+			if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 1024, k - 1 );
 
+			return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Circular: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return 1 - Math.sqrt( 1 - k * k );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			return Math.sqrt( 1 - ( --k * k ) );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( ( k *= 2 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1);
 
+			return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1);
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Elastic: {
 
+
 
+		In: function ( k ) {
 
+
 
+			var s, a = 0.1, p = 0.4;
 
+			if ( k === 0 ) return 0;
 
+			if ( k === 1 ) return 1;
 
+			if ( !a || a < 1 ) { a = 1; s = p / 4; }
 
+			else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
 
+			return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			var s, a = 0.1, p = 0.4;
 
+			if ( k === 0 ) return 0;
 
+			if ( k === 1 ) return 1;
 
+			if ( !a || a < 1 ) { a = 1; s = p / 4; }
 
+			else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
 
+			return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			var s, a = 0.1, p = 0.4;
 
+			if ( k === 0 ) return 0;
 
+			if ( k === 1 ) return 1;
 
+			if ( !a || a < 1 ) { a = 1; s = p / 4; }
 
+			else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
 
+			if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
 
+			return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1;
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Back: {
 
+
 
+		In: function ( k ) {
 
+
 
+			var s = 1.70158;
 
+			return k * k * ( ( s + 1 ) * k - s );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			var s = 1.70158;
 
+			return --k * k * ( ( s + 1 ) * k + s ) + 1;
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			var s = 1.70158 * 1.525;
 
+			if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
 
+			return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Bounce: {
 
+
 
+		In: function ( k ) {
 
+
 
+			return 1 - TWEEN.Easing.Bounce.Out( 1 - k );
 
+
 
+		},
 
+
 
+		Out: function ( k ) {
 
+
 
+			if ( k < ( 1 / 2.75 ) ) {
 
+
 
+				return 7.5625 * k * k;
 
+
 
+			} else if ( k < ( 2 / 2.75 ) ) {
 
+
 
+				return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
 
+
 
+			} else if ( k < ( 2.5 / 2.75 ) ) {
 
+
 
+				return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
 
+
 
+			} else {
 
+
 
+				return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
 
+
 
+			}
 
+
 
+		},
 
+
 
+		InOut: function ( k ) {
 
+
 
+			if ( k < 0.5 ) return TWEEN.Easing.Bounce.In( k * 2 ) * 0.5;
 
+			return TWEEN.Easing.Bounce.Out( k * 2 - 1 ) * 0.5 + 0.5;
 
+
 
+		}
 
+
 
+	}
 
+
 
+};
 
+
 
+TWEEN.Interpolation = {
 
+
 
+	Linear: function ( v, k ) {
 
+
 
+		var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = TWEEN.Interpolation.Utils.Linear;
 
+
 
+		if ( k < 0 ) return fn( v[ 0 ], v[ 1 ], f );
 
+		if ( k > 1 ) return fn( v[ m ], v[ m - 1 ], m - f );
 
+
 
+		return fn( v[ i ], v[ i + 1 > m ? m : i + 1 ], f - i );
 
+
 
+	},
 
+
 
+	Bezier: function ( v, k ) {
 
+
 
+		var b = 0, n = v.length - 1, pw = Math.pow, bn = TWEEN.Interpolation.Utils.Bernstein, i;
 
+
 
+		for ( i = 0; i <= n; i++ ) {
 
+			b += pw( 1 - k, n - i ) * pw( k, i ) * v[ i ] * bn( n, i );
 
+		}
 
+
 
+		return b;
 
+
 
+	},
 
+
 
+	CatmullRom: function ( v, k ) {
 
+
 
+		var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = TWEEN.Interpolation.Utils.CatmullRom;
 
+
 
+		if ( v[ 0 ] === v[ m ] ) {
 
+
 
+			if ( k < 0 ) i = Math.floor( f = m * ( 1 + k ) );
 
+
 
+			return fn( v[ ( i - 1 + m ) % m ], v[ i ], v[ ( i + 1 ) % m ], v[ ( i + 2 ) % m ], f - i );
 
+
 
+		} else {
 
+
 
+			if ( k < 0 ) return v[ 0 ] - ( fn( v[ 0 ], v[ 0 ], v[ 1 ], v[ 1 ], -f ) - v[ 0 ] );
 
+			if ( k > 1 ) return v[ m ] - ( fn( v[ m ], v[ m ], v[ m - 1 ], v[ m - 1 ], f - m ) - v[ m ] );
 
+
 
+			return fn( v[ i ? i - 1 : 0 ], v[ i ], v[ m < i + 1 ? m : i + 1 ], v[ m < i + 2 ? m : i + 2 ], f - i );
 
+
 
+		}
 
+
 
+	},
 
+
 
+	Utils: {
 
+
 
+		Linear: function ( p0, p1, t ) {
 
+
 
+			return ( p1 - p0 ) * t + p0;
 
+
 
+		},
 
+
 
+		Bernstein: function ( n , i ) {
 
+
 
+			var fc = TWEEN.Interpolation.Utils.Factorial;
 
+			return fc( n ) / fc( i ) / fc( n - i );
 
+
 
+		},
 
+
 
+		Factorial: ( function () {
 
+
 
+			var a = [ 1 ];
 
+
 
+			return function ( n ) {
 
+
 
+				var s = 1, i;
 
+				if ( a[ n ] ) return a[ n ];
 
+				for ( i = n; i > 1; i-- ) s *= i;
 
+				return a[ n ] = s;
 
+
 
+			};
 
+
 
+		} )(),
 
+
 
+		CatmullRom: function ( p0, p1, p2, p3, t ) {
 
+
 
+			var v0 = ( p2 - p0 ) * 0.5, v1 = ( p3 - p1 ) * 0.5, t2 = t * t, t3 = t * t2;
 
+			return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1;
 
+
 
+		}
 
+
 
+	}
 
+
 
+};

+ 44 - 0
showa/js/constant.js
查看文件 

@@ -0,0 +1,44 @@
 
+var CONSTANT = {
 
+	INVOICE:["不需要发票","电子发票","增值税普通发票"],
 
+	POSTTYPE:["求助帖","教学贴","模型帖"],
 
+	Themetype:["畅所欲言","意见反馈","功能需求"],
 
+	nickName:'4d_nickName',
 
+	head:'4d_head',
 
+	isRemember:'4dk_auto',
 
+	userName:'4dk_userName',
 
+	userPassWord:'4dk_userPassword',
 
+	appName:'app_userName',
 
+	appPassword:'app_userPassword',
 
+	verifyCode:'verify_code',
 
+	register_password1:'register_password1',
 
+	register_password2:'register_password2',
 
+	STATE:"state",
 
+	defaultHeadUrl:'http://scene3d.4dage.com/head.png',
 
+	MAINURL:'http://www.4dkankan.com/',
 
+	AMOUNT:'amount',
 
+	CAMERATYPEID:'cameraTypeId',
 
+	PRICE:'price',
 
+	PRODUCTCOUNT:'productCount',
 
+	DEFAULTPRICE:3399.00,
 
+	ORDERSTATUS:["待付款","待发货","已发货","已取消","已完成"],
 
+	MY:["设备管理","消费记录","点数充值","我的订单"],
 
+	ALIQRCODEFOLDER:"alicode",
 
+	WEIXINQRCODEFOLDER:"weixincode",
 
+	SCENETYPE:["文博","地产","电商","餐饮","家居","其他"],
 
+	prefix:'http://scene3d.4dage.com/',
 
+	Package:'拍摄支架+摄像头',
 
+	LOADPIC:'thumbBigImg.jpg',
 
+	THUMBPIC:'thumbSmallImg.jpg',
 
+	PREFIXTEXTURE:'http://scene3d.4dage.com/images/images******/dacf7dfa24ae47fab8fcebfe4dc41ab9_50k_texture_jpg_high',
 
+	PRONUM:100,
 
+	MAX_SPOT_COUNT:30
 
+};
 
+
 
+/*
 
+var INVOICE = ["不需要发票","电子发票","增值税普通发票"];
 
+var POSTTYPE = ["教学帖","求助帖","模型帖"];
 
+var PRICE = 3888.00;
 
+
 
+var nickName = 'nickName';
 
+var head = 'head';
 
+*/

+ 322 - 0
showa/js/diyUpload.js
查看文件 

@@ -0,0 +1,322 @@
 
+/* 
+*	jQuery文件上传插件,封装UI,上传处理操作采用Baidu WebUploader;
 
+*	@Author 黑爪爪;
 
+*/
 
+(function( $ ) {
 
+	
+    $.fn.extend({
 
+		/*
 
+		*	上传方法 opt为参数配置;
 
+		*	serverCallBack回调函数 每个文件上传至服务端后,服务端返回参数,无论成功失败都会调用 参数为服务器返回信息;
 
+		*/
 
+        diyUpload:function( opt, serverCallBack ) {
 
+ 			if ( typeof opt != "object" ) {
 
+				alert('参数错误!');
 
+				return;	
+			}
 
+			
+			var $fileInput = $(this);
 
+			var $fileInputId = $fileInput.attr('id');
 
+			
+			//组装参数;
 
+			if( opt.url ) {
 
+				opt.server = opt.url; 
+				delete opt.url;
 
+			}
 
+			
+			if( opt.success ) {
 
+				var successCallBack = opt.success;
 
+				delete opt.success;
 
+			}
 
+			
+			if( opt.error ) {
 
+				var errorCallBack = opt.error;
 
+				delete opt.error;
 
+			}
 
+			
+			//迭代出默认配置
 
+			$.each( getOption( '#'+$fileInputId ),function( key, value ){
 
+					opt[ key ] = opt[ key ] || value; 
+			});
 
+			
+			if ( opt.buttonText ) {
 
+				opt['pick']['label'] = opt.buttonText;
 
+				delete opt.buttonText;	
+			}
 
+			
+			var webUploader = getUploader( opt );
 
+			
+			if ( !WebUploader.Uploader.support() ) {
 
+				alert( ' 上传组件不支持您的浏览器！');
 
+				return false;
 
+       		}
 
+			
+			//绑定文件加入队列事件;
 
+			webUploader.on('fileQueued', function( file ) {
 
+				createBox( $fileInput, file ,webUploader);	
+			});
 
+			
+			//进度条事件
 
+			webUploader.on('uploadProgress',function( file, percentage  ){
 
+				var $fileBox = $('#fileBox_'+file.id);
 
+				var $diyBar = $fileBox.find('.diyBar');	
+				$diyBar.show();
 
+				percentage = percentage*100;
 
+				showDiyProgress( percentage.toFixed(2), $diyBar);
 
+				
+			});
 
+			
+			//全部上传结束后触发;
 
+			webUploader.on('uploadFinished', function(){
 
+				$fileInput.next('.parentFileBox').children('.diyButton').remove();
 
+			});
 
+			//绑定发送至服务端返回后触发事件;
 
+			webUploader.on('uploadAccept', function( object ,data ){
 
+				if ( serverCallBack ) serverCallBack( data );
 
+			});
 
+			
+			//上传成功后触发事件;
 
+			webUploader.on('uploadSuccess',function( file, response ){
 
+
 
+				var $fileBox = $('#fileBox_'+file.id);
 
+				var $diyBar = $fileBox.find('.diyBar');	
+				$fileBox.removeClass('diyUploadHover');
 
+				$diyBar.fadeOut( 1000 ,function(){
 
+					$fileBox.children('.diySuccess').show();
 
+				});
 
+				if ( successCallBack ) {
 
+					successCallBack( response );
 
+				}	
+			});
 
+			
+			//上传失败后触发事件;
 
+			webUploader.on('uploadError',function( file, reason ){
 
+				var $fileBox = $('#fileBox_'+file.id);
 
+				var $diyBar = $fileBox.find('.diyBar');	
+				showDiyProgress( 0, $diyBar , '上传失败!' );
 
+				var err = '上传失败! 文件:'+file.name+' 错误码:'+reason;
 
+				if ( errorCallBack ) {
 
+					errorCallBack( err );
 
+				}
 
+			});
 
+			
+			//选择文件错误触发事件;
 
+			webUploader.on('error', function( code ) {
 
+				var text = '';
 
+				switch( code ) {
 
+					case  'F_DUPLICATE' : text = '该文件已经被选择了!' ;
 
+					break;
 
+					case  'Q_EXCEED_NUM_LIMIT' : text = '上传文件数量超过限制!' ;
 
+					break;
 
+					case  'F_EXCEED_SIZE' : text = '文件大小超过限制!';
 
+					break;
 
+					case  'Q_EXCEED_SIZE_LIMIT' : text = '所有文件总大小超过限制!';
 
+					break;
 
+					case 'Q_TYPE_DENIED' : text = '文件类型不正确或者是空文件!';
 
+					break;
 
+					default : text = '未知错误!';
 
+ 					break;	
+				}
 
+            	alert( text );
 
+        	});
 
+        }
 
+    });
 
+	
+	//Web Uploader默认配置;
 
+	function getOption(objId) {
 
+		/*
 
+		*	配置文件同webUploader一致,这里只给出默认配置.
 
+		*	具体参照:http://fex.baidu.com/webuploader/doc/index.html
 
+		*/
 
+		return {
 
+			//按钮容器;
 
+			pick:{
 
+				id:objId,
 
+				label:"点击选择图片"
 
+			},
 
+			//类型限制;
 
+			accept:{
 
+				title:"Images",
 
+				extensions:"gif,jpg,jpeg,bmp,png",
 
+				mimeTypes:"image/*"
 
+			},
 
+			//配置生成缩略图的选项
 
+			thumb:{
 
+				width:170,
 
+				height:150,
 
+				// 图片质量，只有type为`image/jpeg`的时候才有效。
 
+				quality:70,
 
+				// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
 
+				allowMagnify:false,
 
+				// 是否允许裁剪。
 
+				crop:true,
 
+				// 为空的话则保留原有图片格式。
 
+				// 否则强制转换成指定的类型。
 
+				type:"image/jpeg"
 
+			},
 
+			//文件上传方式
 
+			method:"POST",
 
+			//服务器地址;
 
+			server:"",
 
+			//是否已二进制的流的方式发送文件，这样整个上传内容php://input都为文件内容
 
+			sendAsBinary:false,
 
+			// 开起分片上传。 thinkphp的上传类测试分片无效,图片丢失;
 
+			chunked:true,
 
+			// 分片大小
 
+			chunkSize:512 * 1024,
 
+			//最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
 
+			fileNumLimit:50,
 
+			fileSizeLimit:5000 * 1024,
 
+			fileSingleSizeLimit:500 * 1024
 
+		};
 
+	}
 
+	
+	//实例化Web Uploader
 
+	function getUploader( opt ) {
 
+
 
+		return new WebUploader.Uploader( opt );;
 
+	}
 
+	
+	//操作进度条;
 
+	function showDiyProgress( progress, $diyBar, text ) {
 
+		
+		if ( progress >= 100 ) {
 
+			progress = progress + '%';
 
+			text = text || '上传完成';
 
+		} else {
 
+			progress = progress + '%';
 
+			text = text || progress;
 
+		}
 
+		
+		var $diyProgress = $diyBar.find('.diyProgress');
 
+		var $diyProgressText = $diyBar.find('.diyProgressText');
 
+		$diyProgress.width( progress );
 
+		$diyProgressText.text( text );
 
+	
+	}
 
+	
+	//取消事件;	
+	function removeLi ( $li ,file_id ,webUploader) {
 
+		webUploader.removeFile( file_id );
 
+
 
+		var imgId = $li.find("img").attr("img-id");
 
+		$(".edit-function-left").find("[img-id="+imgId+"]").parent("div").remove();
 
+
 
+		if ( $li.siblings('li').length <= 0 ) {
 
+			$li.parents('.parentFileBox').remove();
 
+		} else {
 
+			$li.remove();
 
+
 
+		}
 
+	}
 
+	
+	//创建文件操作div;	
+	function createBox( $fileInput, file, webUploader ) {
 
+
 
+		var file_id = file.id;
 
+		var $parentFileBox = $fileInput.next('.parentFileBox');
 
+		
+		//添加父系容器;
 
+		if ( $parentFileBox.length <= 0 ) {
 
+			
+			var div = '<div class="parentFileBox"> \
 
+						<ul class="fileBoxUl"></ul>\
 
+					</div>';
 
+			$fileInput.after( div );
 
+			$parentFileBox = $fileInput.next('.parentFileBox');
 
+		
+		}
 
+		
+		//创建按钮
 
+		if ( $parentFileBox.find('.diyButton').length <= 0 ) {
 
+			
+			var div = '<div class="diyButton"> \
 
+						<a class="diyCancelAll" href="javascript:void(0)">全部取消</a> \
 
+					</div>';
 
+			$parentFileBox.append( div );
 
+			var $startButton = $('.diyStart');
 
+			var $cancelButton = $parentFileBox.find('.diyCancelAll');
 
+			
+			//开始上传,暂停上传,重新上传事件;
 
+			var uploadStart = function (){
 
+				webUploader.upload();
 
+				// $startButton.text('暂停上传').one('click',function(){
 
+				// 		webUploader.stop();
 
+				// 		$(this).text('继续上传').one('click',function(){
 
+				// 				uploadStart();
 
+				// 		});
 
+				// });
 
+			}
 
+				
+			//绑定开始上传按钮;
 
+			$startButton.one('click',uploadStart);
 
+			
+			//绑定取消全部按钮;
 
+			$cancelButton.bind('click',function(){
 
+				var fileArr = webUploader.getFiles( 'queued' );
 
+				$.each( fileArr ,function( i, v ){
 
+					removeLi( $('#fileBox_'+v.id), v.id, webUploader );
 
+				});
 
+			});
 
+		
+		}
 
+			
+		//添加子容器;
 
+		var li = '<li id="fileBox_'+file_id+'" class="diyUploadHover"> \
 
+					<div class="viewThumb"></div> \
 
+					<div class="diyCancel"></div> \
 
+					<div class="diySuccess"></div> \
 
+					<div class="diyFileName">'+file.name+'</div>\
 
+					<div class="diyBar"> \
 
+							<div class="diyProgress"></div> \
 
+							<div class="diyProgressText">0%</div> \
 
+					</div> \
 
+				</li>';
 
+				
+		$parentFileBox.children('.fileBoxUl').append( li );
 
+		
+		//父容器宽度;
 
+		// var $width = $('.fileBoxUl>li').length * 180;
 
+		// var $maxWidth = $fileInput.parent().width();
 
+		// $width = $maxWidth > $width ? $width : $maxWidth;
 
+		// $parentFileBox.width( $width );
 
+		
+		var $fileBox = $parentFileBox.find('#fileBox_'+file_id);
 
+
 
+		//绑定取消事件;
 
+		var $diyCancel = $fileBox.children('.diyCancel').one('click',function(){
 
+			removeLi( $(this).parent('li'), file_id, webUploader );	
+		});
 
+		
+		if ( file.type.split("/")[0] != 'image' ) {
 
+			var liClassName = getFileTypeClassName( file.name.split(".").pop() );
 
+			$fileBox.addClass(liClassName);
 
+			return;	
+		}
 
+		
+		//生成预览缩略图;
 
+		webUploader.makeThumb( file, function( error, dataSrc ) {
 
+			if ( !error ) {	
+				$fileBox.find('.viewThumb').append('<img src="'+dataSrc+'" img-id='+file_id+' />');
 
+				$(".edit-function-left").append('<div class="edit-F-img" ><img src="'+dataSrc+'" img-id='+file_id+'  ></div>');
 
+			}
 
+		});	
+	}
 
+	
+	//获取文件类型;
 
+	function getFileTypeClassName ( type ) {
 
+		var fileType = {};
 
+		var suffix = '_diy_bg';
 
+		fileType['pdf'] = 'pdf';
 
+		fileType['zip'] = 'zip';
 
+		fileType['rar'] = 'rar';
 
+		fileType['csv'] = 'csv';
 
+		fileType['doc'] = 'doc';
 
+		fileType['xls'] = 'xls';
 
+		fileType['xlsx'] = 'xls';
 
+		fileType['txt'] = 'txt';
 
+		fileType = fileType[type] || 'txt';
 
+		return 	fileType+suffix;
 
+	}
 
+	
+})( jQuery );

文件差異過大導致無法顯示
+ 3491 - 0
showa/js/edit.js


文件差異過大導致無法顯示
+ 10 - 0
showa/js/lib/cropper.min.js


文件差異過大導致無法顯示
+ 4 - 0
showa/js/lib/jquery-2.1.1.min.js


文件差異過大導致無法顯示
+ 1 - 0
showa/js/lib/player-0.0.12.min.js


+ 204 - 0
showa/js/lib/popupwindow.js
查看文件 

@@ -0,0 +1,204 @@
 
+$(function(){
 
+
 
+    //定义Beautifier的构造函数
 
+    var DialogFx = function(ele, opt) {
 
+        this.$element = ele,
 
+        this.defaults = {
 
+            'id': 'somedialog',
 
+            'dialogFx': '0',
 
+        },
 
+        this.options = $.extend({}, this.defaults, opt)
 
+    };
 
+    //定义DialogFx的显示方法
 
+    DialogFx.prototype = {
 
+        Show: function() {
 
+            $("#"+this.options.id).removeClass("dialog--close");
 
+            $("#"+this.options.id).addClass("dialog--open");    
+        },
 
+        Hidden: function() {
 
+            $("#"+this.options.id).removeClass("dialog--open");
 
+            $("#"+this.options.id).addClass("dialog--close");
 
+        }
 
+    };
 
+    //在插件中使用DialogShow对象
 
+    $.fn.DialogShow = function(options) {
 
+        //创建Beautifier的实体
 
+        var dialogFx = new DialogFx(this, options);
 
+        if(options.dialogFx == "0"){
 
+            return dialogFx.Hidden();
 
+        } else {
 
+            //调用其方法
 
+            return dialogFx.Show();         
+        }
 
+    };
 
+
 
+});
 
+function html(){
 
+	var s = '<div id="somedialog-2" class="dialog dialog-2">'
 
+				+'<div class="dialog__overlay"></div>'
 
+				+'<div class="dialog__content">'
 
+					+'<div class="prompt-popup">'
 
+						+'<div class="prompt-title">'
 
+							+'<h2 class="prompt-title-h2"></h2><div class="prompt-title-close"><a href="#" class="prompt-title-close-a"><img src="http://4dkk.4dage.com/FDKKIMG/prompt_close.png" alt="png"></a></div>'
 
+						+'</div>'
 
+						+'<div class="prompt-main">'
 
+				 			+'<span class="prompt-text"></span>'
 
+				 		+'</div>'
 
+				 		+'<div class="prompt-footer" >'
 
+				 			+'<div class="footer-btn-single"><a href="#" class="footer-cancel"><span>确定</span></a></div>'
 
+                            +'<div class="footer-btn-double"><a href="#" class="footer-btn-back footer-cancel"><span >返回</span></a><a href="#" class="footer-btn-confirm"><span>确定</span></a></div>'
 
+				 		+'</div>'
 
+				 	+'</div>'
 
+				 +'</div>'
 
+			+'</div>'
 
+            +'<div id="somedialog-2-error"></div>';
 
+	return s;
 
+};
 
+
 
+
 
+function popupwindow(opt){
 
+	var set = $.extend({id:null,target:null},opt||{});
 
+	var clickpages = {
 
+		id:set.id,
 
+		target:set.target,
 
+		pophide:function(){
 
+			var ele = html();
 
+			clickpages.id.append(ele);
 
+		    $("#somedialog-2-error").click(function(){
 
+		        $(this).DialogShow({
 
+		            'id': 'somedialog-2',  //传入id，可以控制样式
 
+		            'dialogFx': '1',       //传入显示和隐藏的参数
 
+		        });
 
+		    });
 
+
 
+		    $(".prompt-title-close-a").click(function(){
 
+		        $(this).DialogShow({
 
+		            'id': 'somedialog-2',
 
+		            'dialogFx': '0',     //隐藏
 
+		        });
 
+		    });
 
+		}
 
+	}
 
+	clickpages.pophide();
 
+};
 
+
 
+//错误弹出提示框函数  单个按钮
 
+function error_dialog(title,text){
 
+    $(".footer-btn-single").show();
 
+    $(".footer-btn-double").hide();
 
+    setTimeout(function(){
 
+        $("#somedialog-2-error").trigger("click");
 
+        $(".prompt-title-h2").text(title);
 
+        $(".prompt-text").text(text);
 
+    },10);
 
+    
+    $(".footer-cancel").click(function(){
 
+        console.log(this);
 
+	   	 $(this).DialogShow({
 
+		            'id': 'somedialog-2',
 
+		            'dialogFx': '0',     //隐藏
 
+		        });
 
+	   });
 
+};
 
+
 
+//成功弹出提示框函数  单个按钮
 
+function success_dialog(title,text){
 
+    $(".footer-btn-single").show();
 
+    $(".footer-btn-double").hide();
 
+    setTimeout(function(){
 
+        $("#somedialog-2-error").trigger("click");
 
+        $(".prompt-title-h2").text(title);
 
+        $(".prompt-text").text(text);
 
+    },10);
 
+    
+    $(".footer-cancel").click(function(){
 
+    	
+	   	 $(this).DialogShow({
 
+		            'id': 'somedialog-2',
 
+		            'dialogFx': '0',     //隐藏
 
+		        });
 
+	   });
 
+};
 
+
 
+
 
+//错误弹出提示框函数  双个按钮
 
+function error_dialog_double(title,text,func1,func2){
 
+    $(".footer-btn-single").hide();
 
+    $(".footer-btn-double").show();
 
+    setTimeout(function(){
 
+        $("#somedialog-2-error").trigger("click");
 
+        $(".prompt-title-h2").text(title);
 
+        $(".prompt-text").text(text);
 
+    },10);
 
+    
+    $('.footer-btn-confirm').click(function(){
 
+    	
+    	 $(this).DialogShow({
 
+	            'id': 'somedialog-2',
 
+	            'dialogFx': '0',     //隐藏
 
+	        });
 
+    	if(func1)
 
+    	{
 
+    		func1();
 
+    	}
 
+    	$('.footer-btn-confirm').unbind("click");
 
+    });
 
+    
+    $(".footer-cancel").click(function(){
 
+    	
+    	 $(this).DialogShow({
 
+	            'id': 'somedialog-2',
 
+	            'dialogFx': '0',     //隐藏
 
+	        });
 
+    	
+    	if(func2)
 
+    	{
 
+    		func2();
 
+    	}
 
+    	$('.footer-cancel').unbind("click");
 
+    });
 
+};
 
+
 
+//成功弹出提示框函数  双个按钮
 
+function success_dialog_double(title,text,func1,func2){
 
+    $(".footer-btn-single").hide();
 
+    $(".footer-btn-double").show();
 
+    setTimeout(function(){
 
+        $("#somedialog-2-error").trigger("click");
 
+        $(".prompt-title-h2").text(title);
 
+        $(".prompt-text").text(text);
 
+    },10);
 
+    
+    $('.footer-btn-confirm').click(function(){
 
+    	 $(this).DialogShow({
 
+	            'id': 'somedialog-2',
 
+	            'dialogFx': '0',     //隐藏
 
+	        });
 
+    	
+    	if(func1)
 
+    	{
 
+    		func1();
 
+    	}
 
+    	$('.footer-btn-confirm').unbind("click");
 
+    });
 
+    
+    $(".footer-cancel").click(function(){
 
+    	
+    	 $(this).DialogShow({
 
+	            'id': 'somedialog-2',
 
+	            'dialogFx': '0',     //隐藏
 
+	        });
 
+    	
+    	if(func2)
 
+    	{
 
+    		func2();
 
+    	}
 
+    	$('.footer-cancel').unbind("click");
 
+    });
 
+};
 
+
 
+
 
+
 
+
 
+
 
+

文件差異過大導致無法顯示
+ 2481 - 0
showa/js/lib/wangEditor.min.js


文件差異過大導致無法顯示
+ 2481 - 0
showa/js/lib/wangEditor.min.js.bak


+ 151 - 0
showa/js/loadCAD.js
查看文件 

@@ -0,0 +1,151 @@
 
+window.grendCAD = (function grendCAD() {
 
+  let initFloor
 
+  let initScript
 
+  let initDOM
 
+  let point, dire
 
+
 
+  window.cad = {
 
+    setSign: function(p, d) {
 
+      point = p
 
+      dire = d
 
+    }
 
+  }
 
+
 
+  function loadScript(cb) {
 
+    if (initScript) return cb()
 
+
 
+    let $script = document.createElement('script')
 
+    $script.src = '//www.4dmodel.com/CAD/bundle.js'
 
+    $script.onload = function() {
 
+      initScript = true
 
+      cb()
 
+    }
 
+
 
+    document.documentElement.appendChild($script)
 
+  }
 
+
 
+  function loadDOM($parent) {
 
+    if (initDOM) return initDOM;
 
+    let $layer = document.createElement('div')
 
+    let $cad = document.createElement('div')
 
+
 
+    $layer.className = 'cad'
 
+    $cad.id = 'cad'
 
+    $layer.appendChild($cad)
 
+
 
+
 
+    let style = document.createElement('style')
 
+    style.innerHTML = `
 
+      .cad {
 
+        position: absolute;
 
+        right: 80px;
 
+        top: 16px;
 
+        width: 200px;
 
+        height: 200px;
 
+        background: rgba(0, 0, 0, .3);
 
+        border-radius: 5px;
 
+      }
 
+
 
+      .cad > div {
 
+        width: 100%;
 
+        height: 100%;
 
+      }
 
+
 
+      @media only screen and (max-width: 600px) { 
+        .cad {
 
+            position: absolute;
 
+            left: 16px;
 
+            top: 65px;
 
+            width: 100px;
 
+            height: 100px;
 
+            background: rgba(0, 0, 0, .3);
 
+            border-radius: 5px;
 
+        }
 
+      }
 
+    `
 
+
 
+    document.documentElement.appendChild(style)
 
+    document.documentElement.appendChild($layer)
 
+    $parent.appendChild(style)
 
+    $parent.appendChild($layer)
 
+    return $layer
 
+  }
 
+
 
+
 
+  function setStyle(signColor, borderColor, borderWidth) {
 
+    cad.setDefaultPointStyle({
 
+      fillColor: "rgba(0,0,0,0)",
 
+      storkeColor: "rgba(0,0,0,0)"
 
+    });
 
+
 
+    console.log(borderWidth)
 
+    cad.setDefaultLineStyle({
 
+      width: borderWidth,
 
+      color: borderColor
 
+    });
 
+
 
+    cad.setDefaultSignStyle({
 
+      color: signColor
 
+    })
 
+  }
 
+
 
+
 
+  return function(floor, $parent, signColor, borderColor, borderWidth) {
 
+    if (initFloor) {
 
+      console.log('cache')
 
+      return setStyle(signColor, borderColor, borderWidth)
 
+    }
 
+    console.log('load')
 
+    initFloor = floor
 
+
 
+    loadScript(function() {
 
+      let $layer = loadDOM($parent)
 
+
 
+      $layer.style.visibility = 'hidden'
 
+      window.cad = structureCAD({
 
+        data: {
 
+            block: [],
 
+            column: [],
 
+            door: [],
 
+            hole: [],
 
+            segment: [],
 
+            "vertex-xy": [],
 
+            "vertex-z": [],
 
+        }, 
+        layer: $layer.querySelector('#cad'),
 
+        edit: false
 
+      });
 
+      
+      setStyle(signColor, borderColor, borderWidth)
 
+      cad.hideDire()
 
+      cad.hideGauge()
 
+  
+      console.log('loadData')
 
+      cad.loadData(initFloor);
 
+      if (point && dire) {
 
+        window.cad.setSign(point, dire)
 
+      }
 
+      $layer.style.visibility = 'visible'
 
+    })
 
+
 
+  }
 
+})();
 
+
 
+
 
+$.ajax({
 
+  url: g_Prefix + "data/" + window.number + "/someData.json" + "?" + Date.now(),
 
+  method: 'GET',
 
+  success(data) {
 
+    if (!data.showCad) return
 
+
 
+
 
+    
+    $.ajax({
 
+      url: '//super.4dage.com/data/'+ window.number +'/floor.json', 
+      method: 'GET',
 
+      success(res) {
 
+        grendCAD(res, document.documentElement, data.cadSignColor, data.cadBorderColor, data.cadBorderWidth)
 
+      }
 
+    })
 
+  }
 
+})

文件差異過大導致無法顯示
+ 1 - 0
showa/js/main_2018.js


文件差異過大導致無法顯示
+ 56008 - 0
showa/js/main_2018_b.js


文件差異過大導致無法顯示
+ 54874 - 0
showa/js/main_2020_edit.js


文件差異過大導致無法顯示
+ 57674 - 0
showa/js/main_2020_show.js


+ 409 - 0
showa/js/manage.js
查看文件 

@@ -0,0 +1,409 @@
 
+//管理js文件 获取modeldata.js 判断是否有特殊的字段，如果有就先加载SpecialScene.js 里面有对特殊场景处理的代码 否则就直接加载main
 
+var Manage = function(){
 
+    this.weixinURL = "https://res.wx.qq.com/open/js/jweixin-1.2.0.js",
 
+    this.time = "?"+new Date().getTime();
 
+    this.loadAudio();
 
+    this.loadWeixin();
 
+}
 
+//动态加载js文件
 
+Manage.prototype.LoadJs = function(_files, succes){
 
+	/* 已加载文件缓存列表,用于判断文件是否已加载过，若已加载则不再次加载*/
 
+	var classcodes = [];
 
+	var FileArray = [];
 
+    if (typeof _files === "object") {
 
+        FileArray = _files;
 
+    } else {
 
+        /*如果文件列表是字符串，则用,切分成数组*/
 
+        if (typeof _files === "string") {
 
+            FileArray = _files.split(",");
 
+        }
 
+    }
 
+    if (FileArray != null && FileArray.length > 0) {
 
+        var LoadedCount = 0;
 
+        for (var i = 0; i < FileArray.length; i++) {
 
+            loadFile(FileArray[i], function() {
 
+                LoadedCount++;
 
+                if (LoadedCount == FileArray.length) {
 
+                	try {
 
+                		succes();
 
+                	}
 
+                    catch(err) {
 
+					    console.log("err: 您未定义回调");
 
+					}
 
+                }
 
+            })
 
+        }
 
+    }
 
+    /*加载JS文件,url:文件路径,success:加载成功回调函数*/
 
+    function loadFile(url, success) {
 
+        if (!FileIsExt(classcodes, url)) {
 
+            var _ThisType = GetFileType(url);
 
+            var ThisType = _ThisType.indexOf("?") == -1 ? _ThisType  :  _ThisType.substring(0,_ThisType.indexOf("?"));
 
+            var fileObj = null;
 
+            if (ThisType == ".js") {
 
+                fileObj = document.createElement('script');
 
+                fileObj.src = url;
 
+            } else if (ThisType == ".css") {
 
+                fileObj = document.createElement('link');
 
+                fileObj.href = url;
 
+                fileObj.type = "text/css";
 
+                fileObj.rel = "stylesheet";
 
+            } else if (ThisType == ".less") {
 
+                fileObj = document.createElement('link');
 
+                fileObj.href = url;
 
+                fileObj.type = "text/css";
 
+                fileObj.rel = "stylesheet/less";
 
+            }
 
+            success = success || function() {};
 
+            fileObj.onload = fileObj.onreadystatechange = function() {
 
+                if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
 
+                    success();
 
+                    classcodes.push(url)
 
+                }
 
+            }
 
+            document.getElementsByTagName('head')[0].appendChild(fileObj);
 
+        } else {
 
+            success();
 
+        }
 
+    }
 
+    /*获取文件类型,后缀名，小写*/
 
+    function GetFileType(url) {
 
+        if (url != null && url.length > 0) {
 
+            return url.substr(url.lastIndexOf(".")).toLowerCase();
 
+        }
 
+        return "";
 
+    }
 
+    /*文件是否已加载*/
 
+    function FileIsExt(FileArray, _url) {
 
+        if (FileArray != null && FileArray.length > 0) {
 
+            var len = FileArray.length;
 
+            for (var i = 0; i < len; i++) {
 
+                if (FileArray[i] == _url) {
 
+                    return true;
 
+                }
 
+            }
 
+        }
 
+        return false;
 
+    }
 
+	
+};
 
+
 
+//获取页面url后面的参数
 
+Manage.prototype.number = function(variable) {
 
+	var query = window.location.search.substring(1);
 
+   	var vars = query.split("&");
 
+   	for (var i=0;i<vars.length;i++) {
 
+           	var pair = vars[i].split("=");
 
+           	if(pair[0] == variable){return pair[1];}
 
+   	}
 
+   	return(false);
 
+};
 
+
 
+Manage.prototype.loadWeixin = function() {
 
+    var that = this;
 
+    this.LoadJs(that.weixinURL+that.time,function(){ });
 
+
 
+}
 
+
 
+Manage.prototype.loadAudio = function() { //相关：g_tourAudio \  g_playAudio
 
+    g_bgAudio = new Audio;
 
+    g_bgAudio.loop = true;
 
+    g_bgAudio.autoplay = true;
 
+    g_bgAudio.id = "bgaudio";
 
+    
+    //https://www.cnblogs.com/interdrp/p/4211883.html   部分资料
 
+    g_bgAudio.load();	// iOS 9   还需要额外的 load 一下, 否则直接 play 无效
 
+    var play = function(){
 
+        //if(window.tourAudioSta) return;
 
+         
+        this.switchBgmState(true)
 
+        
+        document.removeEventListener("touchstart",play);
 
+        document.removeEventListener("click",play);
 
+        $('#player')[0].removeEventListener("touchstart", play);
 
+    }.bind(this);
 
+    
+    g_bgAudio.oncanplay = ()=>{ 
+        this.switchBgmState(true)
 
+    }
 
+    document.addEventListener("WeixinJSBridgeReady", ()=> {
 
+        this.switchBgmState(true)
 
+    }, false);
 
+    
+    document.addEventListener("touchstart", play);//ios需要加个事件才能播放 不能自动播放；如果还有浏览器不行，换成别的交互事件
 
+    document.addEventListener("click", play);
 
+     $('#player')[0].addEventListener("touchstart", play);
 
+    g_bgAudio.addEventListener('ended', ()=>{ 
+        this.switchBgmState(true)
 
+    }); 
+    
+    
+    
+    $("#volume").find("a").on("click", ()=> { 
+         
+        if($("#volume img")[0].src.indexOf("btn_on.png")>-1)
 
+        { 
+            this.switchBgmState(true); 
+        }
 
+        else if($("#volume img")[0].src.indexOf("btn_off.png")>-1)
 
+        {
 
+            this.switchBgmState(false);    
+        }
 
+    }) 
+
 
+    
+    
+}   
+Manage.prototype.switchBgmState = function(state){
 
+    if(!g_bgAudio || !g_bgAudio.src) return;
 
+    
+    var played = function(){
 
+        console.log('begin play bgm');
 
+        g_play = 1; 
+        g_playAudio = g_bgAudio;
 
+        $("#volume a img").attr("src", "./images/Volume btn_off.png")
 
+        $("#volume").attr("title", "关闭声音");
 
+        g_tourAudio && g_tourAudio.pause()
 
+    }
 
+    var paused = function(){ 
+        g_play = 0;
 
+        g_playAudio == g_bgAudio && (g_playAudio =  null)
 
+        $("#volume a img").attr("src", "./images/Volume btn_on.png")
 
+        $("#volume").attr("title", "打开声音");
 
+    }
 
+    
+    if(state ){
 
+        g_bgAudio.play(); 
+        if(g_bgAudio.paused){
 
+            paused()
 
+        }else{
 
+            played()
 
+            return true
 
+        }            
+    }else{
 
+        g_bgAudio.pause();
 
+        paused()
 
+    } 
+    
+    
+    g_bgAudio.pauseByHot = false
 
+    g_bgAudio.pauseByTour = false
 
+}    
+    
+ 
+
 
+ 
+
 
+
 
+ 
+
 
+
 
+Manage.prototype.weixinShare = function() {
 
+    console.log("weixinShare")
 
+    $.ajax({
 
+        url: 'https://www.4dage.com/wechat/jssdk/share/',
 
+        type: "post",
 
+        data: {
 
+          'uri': location.href.split('#')[0],   //当前页面地址
 
+          'name': "四维5号"               //哪个公众号，对应上方的名称
 
+        },
 
+        dataType: "jsonp",
 
+        jsonpCallback: "success_jsonp",
 
+        success: function (data, textStatus) {
 
+          wx.config({
 
+            debug: false,
 
+            appId: data.appId,
 
+            timestamp: data.timestamp,
 
+            nonceStr: data.nonceStr,
 
+            signature: data.signature,
 
+            jsApiList: ['checkJsApi', 'onMenuShareTimeline',
 
+            'onMenuShareAppMessage', 'onMenuShareQQ',
 
+            'onMenuShareWeibo']
 
+          });
 
+        },
 
+        error: function (XMLHttpRequest, textStatus, errorThrown) {
 
+          console.log("jsonp.error:" + textStatus);
 
+        }
 
+      });
 
+    
+    var success_jsonp = function(json){
 
+        console.log(json);
 
+    };
 
+
 
+
 
+    wx.ready(function(){ 
+        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行〿
 
+        //对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中〿
 
+        //分享到朋友圈 
+        console.log(g_weixinObj)
 
+        wx.onMenuShareTimeline({ 
+            title: g_weixinObj.title||'', // 分享标题 
+            link: g_weixinObj.lineLink||'', // 分享链接 
+            imgUrl: g_weixinObj.imgUrl||'', // 分享图标 
+            desc: g_weixinObj.desc||''
 
+        }); 
+
 
+        //获取“分享给朋友”按钮点击状态及自定义分享内容接叿
 
+        wx.onMenuShareAppMessage({ 
+            title: g_weixinObj.title, // 分享标题 
+            desc: g_weixinObj.desc,  // 分享描述 
+            link: g_weixinObj.lineLink, // 分享链接 
+            imgUrl: g_weixinObj.imgUrl, // 分享图标 
+            type: '', // 分享类型,music、video或link，不填默认为link 
+            dataUrl: '' // 如果type是music或video，则要提供数据链接，默认为空 
+        });
 
+        
+        wx.onMenuShareWeibo({
 
+            title: g_weixinObj.title, // 分享标题
 
+            desc: g_weixinObj.desc, // 分享描述
 
+            link: g_weixinObj.lineLink, // 分享链接
 
+            imgUrl: g_weixinObj.imgUrl, // 分享图标
 
+            success: function () { 
+                // 用户确认分享后执行的回调函数
 
+            },
 
+            cancel: function () { 
+                // 用户取消分享后执行的回调函数
 
+            }
 
+        });
 
+
 
+        wx.onMenuShareQZone({
 
+            title: g_weixinObj.title, // 分享标题
 
+            desc: g_weixinObj.desc, // 分享描述
 
+            link: g_weixinObj.lineLink, // 分享链接
 
+            imgUrl: g_weixinObj.imgUrl, // 分享图标
 
+            success: function () { 
+                // 用户确认分享后执行的回调函数
 
+            },
 
+            cancel: function () { 
+                // 用户取消分享后执行的回调函数
 
+            }
 
+        });
 
+
 
+        wx.onMenuShareQQ({
 
+            title: g_weixinObj.title, // 分享标题
 
+            desc:  g_weixinObj.desc, // 分享描述
 
+            link: g_weixinObj.lineLink, // 分享链接
 
+            imgUrl: g_weixinObj.imgUrl, // 分享图标
 
+            success: function () { 
+                // 用户确认分享后执行的回调函数
 
+            },
 
+            cancel: function () { 
+                // 用户取消分享后执行的回调函数
 
+            }
 
+        });
 
+
 
+        wx.error(function(res){ 
+        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名〿
 
+
 
+        });
 
+    });
 
+
 
+    
+}
 
+
 
+
 
+
 
+Manage.prototype.dealURL = function(src, type){
 
+    //music: "///super.4dage.com/data/LYW/edit/20200928_151633415.mp3"
 
+    //"https://super.4dage.com/data/LYW/edit/20200928_165319399.jpg"]
 
+    
+   
+    if(window.isLocal && settings.localPrefix!=void 0){//本地将线上的前缀替换
 
+        var oldPrefixs = ["https://super.4dage.com/", "http://super.4dage.com/", "///super.4dage.com/"]
 
+        for(let i=0;i<oldPrefixs.length;i++){
 
+            if(src.includes(oldPrefixs[i])){
 
+                return src.replace(oldPrefixs[i], settings.localPrefix)
 
+                break;
 
+            }
 
+        }
 
+        console.error("没有找到合适的本地链接")
 
+        return src
 
+    }else{
 
+        return src
 
+    }
 
+    
+    
+}
 
+
 
+
 
+
 
+
 
+var manage = new Manage();
 
+
 
+//公用的函数
 
+
 
+function getQueryVariable(variable)
 
+{
 
+       var query = window.location.search.substring(1);
 
+       var vars = query.split("&");
 
+       for (var i=0;i<vars.length;i++) {
 
+               var pair = vars[i].split("=");
 
+               if(pair[0] == variable){return pair[1];}
 
+       }
 
+       return(false);
 
+}
 
+
 
+//隐藏公司Logo
 
+function showLogo(){
 
+    $("#myCompany").hide();
 
+    $("#loaderCoBrandName").hide();
 
+    $("#title-logo").hide();
 
+    $(".title-container").css("justify-content","center")
 
+}
 
+//czj 添加随机的时间
 
+function randomTime(){
 
+    return new Date()
 
+};
 
+function matcher(data){
 
+    if(!data || !g_version ) return data;
 
+    delete data.model.vision_version;
 
+    var _data = {
 
+        files: {
 
+            "templates": ["images/images{{number}}/{{filename}}"]
 
+        },
 
+        model :{
 
+            sid :window.number,
 
+            camera_start:
 
+            data.model.images && data.model.images.length != 0  ? 
+            {
 
+                camera: {
 
+                    zoom: "-1",
 
+                    quaternion: [
 
+                        JSON.parse(data.model.images[0].metadata).camera_quaternion.z,
 
+                        JSON.parse(data.model.images[0].metadata).camera_quaternion.w,
 
+                        JSON.parse(data.model.images[0].metadata).camera_quaternion.x,
 
+                        JSON.parse(data.model.images[0].metadata).camera_quaternion.y
 
+                    ]
 
+                },
 
+                pano: { uuid: JSON.parse(data.model.images[0].metadata).scan_id },
 
+                mode: "0"
 
+            }
 
+            : ''
 
+        },
 
+        sid: window.number,
 
+        hoticon: {
 
+            default: "https://super.4dage.com/images/4dagePoint2.png",
 
+            higt: "https://super.4dage.com/images/4dagePoint.png"
 
+        },
 
+        special: "false",
 
+        weixinDesc: ""
 
+    };
 
+    $.extend(true,data,_data)
 
+    return data;
 
+}
 
+
 
+function hotMatcher(data){
 
+    if(!data || !g_version) return data;
 
+    data.tourAudio = data.audio;
 
+    return data;
 
+}
 
+
 
+
 
+
 
+
 
+//兼容一代的場景
 
+//請求地址統一管理
 
+var g_onePregix = "https://bigscene.4dage.com/" //对应一代  http://www.4dmodel.com/SuperPanoramic/index.html?m=55
 
+var g_version = manage.number("version");
 
+g_version === "one" ? g_Prefix = g_onePregix : '';
 
+

+ 69 - 0
showa/js/myShow.js
查看文件 

@@ -0,0 +1,69 @@
 
+var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 
+var g_Prefix="https://super.4dage.com/";
 
+// var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
 
+var s = window.location.href.split('/');
 
+s.pop();
 
+//var g_Prefix = s.join('/');
 
+var g_index=null;
 
+var g_modeldata=null;
 
+
 
+var g_weixinTitle=null;
 
+
 
+var g_Hots=null;
 
+var g_HotMeshes=[];
 
+var g_HotMeshSize = {
 
+  g_HotMeshWidth: 0.3,
 
+  g_HotMeshHeight:0.3
 
+};
 
+
 
+//add表示添加，delete表示删除
 
+var g_HotStatus=null;
 
+var g_newHot = [];//存储新加热点
 
+var g_HotImage= {
 
+	"point":"https://super.4dage.com/images/4dagePoint2.png",
 
+	"point2":"https://super.4dage.com/images/4dagePoint.png"
 
+};	
+var g_saveHot=false;
 
+
 
+var g_TextColor=0x7777ff;
 
+var g_Text=null;
 
+var g_TextPlaneMesh=[];
 
+var g_TextIconMesh=[];
 
+var g_TextIcon="./images/text.png";
 
+var g_SelectTextIndex=null;
 
+var g_TextShow=null;
 
+var g_audioPlay=false;
 
+var g_background=null; 
+var g_roof=null;
 
+
 
+var g_data2 = null;//加载的data2.js的内容
 
+var g_bgAudio=null;//背景音乐
 
+var g_tourAudio=null;//导览音乐
 
+var g_play = 1;//表示播放图标状态
 
+var g_playAudio = null;//当前在播放或当继续播放时应该播放的，是g_bgAudio或g_tourAudio 
+var g_currentHot = null;//当前打开的热点 
+//var g_Texture=null;
 
+//var g_ChunknameTexture={};   //chunkname和贴图名称对应
 
+var g_NormalTexture=false;
 
+var g_SpecularTexture=false;
 
+var g_DirectionalLight=null;  
+  
+var g_snapShotWidth = 200; //截图下载图片的大小
 
+var g_snapShotHeight = 140;
 
+
 
+//微信分享
 
+var g_weixinObj = {
 
+  "title": document.querySelector("head title").innerHTML,
 
+  "lineLink" : window.location.href,
 
+  "imgUrl" : "https://www.4dmodel.com/SuperPanoramic/images/weixintitle.jpg",
 
+  "desc" : "四维时代提供技术支持",
 
+}
 
+
 
+var settings = {
 
+    overlay:{
 
+		width:1, height:0.5, depth:0.02
 
+	}  
+}
 
+if(window.number == '725'||window.number == '724'){
 
+    settings.mobileNavHigh = true
 
+}

+ 64 - 0
showa/js/myShow_hcy.js
查看文件 

@@ -0,0 +1,64 @@
 
+var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 
+var g_Prefix="https://super.4dage.com/";
 
+var g_onePregix  = 'https://bigscene.4dage.com/';
 
+//var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
 
+var g_location = window.location.origin;
 
+var s = window.location.href.split('/');
 
+s.pop();
 
+//var g_Prefix = s.join('/');
 
+var g_index=null;
 
+var g_modeldata=null;
 
+
 
+var g_weixinTitle=null;
 
+
 
+var g_Hots=null;
 
+var g_HotMeshes=[];
 
+var g_HotMeshSize = {
 
+  g_HotMeshWidth: 0.3,
 
+  g_HotMeshHeight:0.3
 
+};
 
+
 
+//add表示添加，delete表示删除
 
+var g_HotStatus=null;
 
+var g_newHot = [];//存储新加热点
 
+var g_HotImage= {
 
+	"point":"https://super.4dage.com/images/4dagePoint2.png",
 
+	"point2":"https://super.4dage.com/images/4dagePoint.png"
 
+};	
+var g_saveHot=false;
 
+
 
+var g_TextColor=0x7777ff;
 
+var g_Text=null;
 
+var g_TextPlaneMesh=[];
 
+var g_TextIconMesh=[];
 
+var g_TextIcon="./images/text.png";
 
+var g_SelectTextIndex=null;
 
+var g_TextShow=null;
 
+var g_audioPlay=false;
 
+var g_background=null; 
+var g_roof=null;
 
+
 
+var g_data2 = null;//加载的data2.js的内容
 
+var g_bgAudio=null;//背景音乐
 
+var g_tourAudio=null;//导览音乐
 
+var g_play = 1;//表示播放图标状态
 
+var g_playAudio = null;//当前在播放或当继续播放时应该播放的，是g_bgAudio或g_tourAudio 
+var g_currentHot = null;//当前打开的热点 
+//var g_Texture=null;
 
+//var g_ChunknameTexture={};   //chunkname和贴图名称对应
 
+var g_NormalTexture=false;
 
+var g_SpecularTexture=false;
 
+var g_DirectionalLight=null;  
+  
+var g_snapShotWidth = 200; //截图下载图片的大小
 
+var g_snapShotHeight = 140;
 
+
 
+//微信分享
 
+var g_weixinObj = {
 
+  "title": document.querySelector("head title").innerHTML,
 
+  "lineLink" : window.location.href,
 
+  "imgUrl" : "",
 
+  "desc" : "",
 
+}
 
+
 
+

+ 64 - 0
showa/js/myShow_sjbd.js
查看文件 

@@ -0,0 +1,64 @@
 
+var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 
+var g_Prefix="https://super.4dage.com/";
 
+var g_onePregix  = 'https://bigscene.4dage.com/';
 
+//var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
 
+var g_location = window.location.origin;
 
+var s = window.location.href.split('/');
 
+s.pop();
 
+//var g_Prefix = s.join('/');
 
+var g_index=null;
 
+var g_modeldata=null;
 
+
 
+var g_weixinTitle=null;
 
+
 
+var g_Hots=null;
 
+var g_HotMeshes=[];
 
+var g_HotMeshSize = {
 
+  g_HotMeshWidth: 0.3,
 
+  g_HotMeshHeight:0.3
 
+};
 
+
 
+//add表示添加，delete表示删除
 
+var g_HotStatus=null;
 
+var g_newHot = [];//存储新加热点
 
+var g_HotImage= {
 
+	"point":"https://super.4dage.com/images/4dagePoint2.png",
 
+	"point2":"https://super.4dage.com/images/4dagePoint.png"
 
+};	
+var g_saveHot=false;
 
+
 
+var g_TextColor=0x7777ff;
 
+var g_Text=null;
 
+var g_TextPlaneMesh=[];
 
+var g_TextIconMesh=[];
 
+var g_TextIcon="./images/text.png";
 
+var g_SelectTextIndex=null;
 
+var g_TextShow=null;
 
+var g_audioPlay=false;
 
+var g_background=null; 
+var g_roof=null;
 
+
 
+var g_data2 = null;//加载的data2.js的内容
 
+var g_bgAudio=null;//背景音乐
 
+var g_tourAudio=null;//导览音乐
 
+var g_play = 1;//表示播放图标状态
 
+var g_playAudio = null;//当前在播放或当继续播放时应该播放的，是g_bgAudio或g_tourAudio 
+var g_currentHot = null;//当前打开的热点 
+//var g_Texture=null;
 
+//var g_ChunknameTexture={};   //chunkname和贴图名称对应
 
+var g_NormalTexture=false;
 
+var g_SpecularTexture=false;
 
+var g_DirectionalLight=null;  
+  
+var g_snapShotWidth = 200; //截图下载图片的大小
 
+var g_snapShotHeight = 140;
 
+
 
+//微信分享
 
+var g_weixinObj = {
 
+  "title": document.querySelector("head title").innerHTML,
 
+  "lineLink" : window.location.href,
 
+  "imgUrl" : "",
 
+  "desc" : "",
 
+}
 
+
 
+

+ 197 - 0
showa/js/overlay.js
查看文件 

@@ -0,0 +1,197 @@
 
+ 
+var initOverlay = function(THREE){
 
+    var _planeGeometry = new THREE.PlaneGeometry(settings.overlay.width, settings.overlay.height,1,1)
 
+    var _boxGeometry = new THREE.BoxBufferGeometry(settings.overlay.width, settings.overlay.height, settings.overlay.depth )
 
+        //ie的mesh 加了polygonOffset也是会重叠。所以去掉前面的face：  （但是突然ie又播放不了videoTexture）
 
+        var newIndex = [..._boxGeometry.index.array]
 
+        newIndex.splice(4*6,6)
 
+        _boxGeometry.setIndex(new THREE.BufferAttribute(new Uint16Array(newIndex), 1))
 
+     
+
 
+    var _boxMat = new THREE.MeshBasicMaterial({//MeshStandardMaterial
 
+            color:"#eeeeee", 
+            transparent: !0 ,
 
+            opacity:0.8
 
+        })
 
+    
+    var overlayGroup = new THREE.Object3D;    player.model.add(overlayGroup);  overlayGroup.name = "overlayGroup"
 
+    player.overlayGroup = overlayGroup;
 
+
 
+
 
+    var Overlay = function(info){ 
+        THREE.Object3D.call(this); 
+        this.sid = info.sid;
 
+        if(info.media)this.preDeal(info) 
+        this.build(info);
 
+        this.name = "overlay_"+this.sid;
 
+    }
 
+    Overlay.prototype = Object.create(THREE.Object3D.prototype);
 
+    
+    Overlay.prototype.build = function(info){
 
+        
+        var plane = new THREE.Mesh(_planeGeometry, new THREE.MeshBasicMaterial({//MeshStandardMaterial
 
+            color:"#00c8af",
 
+            opacity:0.4,
 
+            transparent: !0,
 
+            polygonOffset : true,//是否开启多边形偏移		//ie不开启时blank也不会闪烁
 
+            polygonOffsetFactor : -0.9,//多边形偏移因子
 
+            polygonOffsetUnits : -4.0,//多边形偏移单位  
+        }) )								
+        plane.renderOrder = 3
 
+        this.add(plane);
 
+        this.plane = plane;
 
+        if(info.hasBox){
 
+            this.addBox(true)  
+        }   
+        overlayGroup.add(this);
 
+        
+        if(info.media){ 
+            if(info.media.includes('video')){
 
+                var video = $('<video controls="controls" loop autoplay x5-playsinline="" webkit-playsinline="true" playsinline="true" controlslist="nodownload"></video>')[0]
 
+                video.setAttribute("crossOrigin", 'Anonymous')//要在src设置好前解决跨域
 
+                $(video).on('contextmenu', function () { return false; });//禁止右键点击出
 
+                 
+                video.src = manage.dealURL(info.file)  ;
 
+                info.media = video;
 
+                info.type = "video"
 
+                
+                video.addEventListener('loadeddata', ()=>{
 
+                    console.log(this.sid + " loaded!!!")
 
+                })
 
+                video.volume = 0
 
+                video.muted = true
 
+            }else if(info.media.includes('photo')){
 
+                /* var img = new Image();
 
+                 
+                img.src = manage.dealURL(info.file) //"https://4dkk.4dage.com/images/images"+Config.projectNum+"/overlay"+this.sid+".jpg?m="+new Date().getTime()
 
+                info.media = img
 
+                 */
 
+                
+                info.type = "photo"  
+                
+            }
 
+            plane.material.opacity = 1;
 
+            plane.material.color = new THREE.Color(1,1,1) 
+        }
 
+        if(info.width == void 0) info.width = settings.overlay.width;
 
+        if(info.height == void 0) info.height = settings.overlay.height;
 
+        this.setFromInfo(info) 
+        
+        
+    }
 
+
 
+     
+      
+    Overlay.prototype.setFromInfo = function(info){//1 恢复到编辑之前 2 初始加载 
+        var plane = this.plane; 
+        this.transformAtPanos = info.transformAtPanos || {} //在每个漫游点独立设置的position。  
+        var curPanoTransform = player.currentPano && this.transformAtPanos[player.currentPano.id] || {} 
+        
+        info.depth && this.scale.setZ(info.depth/settings.overlay.depth)
 
+        
+         
+        this.posCustom = info.pos ? info.pos.clone() : this.position.clone(); //没有单独设置position的漫游点使用的position
 
+        this.position.copy(curPanoTransform.pos || info.pos )
 
+        
+        this.quaCustom = info.qua ? info.qua.clone() : this.quaternion.clone()
 
+        this.quaternion.copy(curPanoTransform.qua || info.qua);
 
+        
+        
+        this.widthCustom = info.width  
+        this.heightCustom = info.height  
+        this.width = curPanoTransform.width || info.width 
+        this.height = curPanoTransform.height || info.height 
+        var a = this.getScaleBySize(this.width, this.height)
 
+        this.scale.setX( a.x )
 
+        this.scale.setY( a.y )
 
+        
+        
+        
+        
+        if(info.type){
 
+            if(!plane.material.map){
 
+                if(info.type == "video"){ 
+                    plane.material.map = new THREE.VideoTexture( info.media );  
+                }else{  
+                    plane.material.map = Texture.load(info.file,()=>{
 
+                        if(this._loadDone)this._loadDone()
 
+                    }) 
+                } 
+                plane.material.map.wrapS = plane.material.map.wrapT = THREE.ClampToEdgeWrapping;
 
+                plane.material.map.minFilter = THREE.LinearFilter;
 
+                plane.material.map.magFilter = THREE.LinearFilter;
 
+                plane.material.map.generateMipmaps = true; 
+            }else plane.material.map.image = info.media; 
+            this.file = info.file;
 
+        }
 
+        this.overlayType = info.type;
 
+         
+        if(!!this.hasBox != !!info.hasBox){
 
+            this.addBox(!this.hasBox); 
+        }
 
+        
+        
+        
+    } 
+
 
+    Overlay.prototype.addBox = function(state){
 
+        if(state == !!this.hasBox){ 
+            return;
 
+        } 
+        if(state){
 
+            var box = new THREE.Mesh(_boxGeometry , _boxMat) 
+            box.position.set(0,0,settings.overlay.depth/2);
 
+            box.renderOrder = 3 
+            this.plane.position.set(0,0,settings.overlay.depth ); 
+            this.add(box);
 
+            this.box = box;   
+            
+        }else{
 
+            this.plane.position.set(0,0,0);
 
+            this.remove(this.box);
 
+            this.box = null;
 
+        }  
+        this.hasBox = state
 
+    }
 
+    
+    Overlay.prototype.getSizeByScale = function(){ 
+        return {
 
+            width : settings.overlay.width * this.scale.x,
 
+            height : settings.overlay.height * this.scale.y
 
+        }
 
+    }
 
+    Overlay.prototype.getScaleBySize = function(width, height){ 
+        return {
 
+            x : width / settings.overlay.width,
 
+            y : height / settings.overlay.height,
 
+        }  
+    } 
+    
+    Overlay.prototype.preDeal = function(info){
 
+        info.pos = new THREE.Vector3().fromArray(info.pos)
 
+        info.qua = new THREE.Quaternion().fromArray(info.qua) 
+        info.width = parseFloat(info.width)
 
+        info.height = parseFloat(info.height)
 
+        info.depth = parseFloat(info.depth)
 
+        info.hasBox = parseInt(info.hasBox)
 
+        info.pos.x = parseFloat(info.pos.x)
 
+        info.pos.y = parseFloat(info.pos.y)
 
+        info.pos.z = parseFloat(info.pos.z)
 
+        info.qua.x = parseFloat(info.qua.x)
 
+        info.qua.y = parseFloat(info.qua.y)
 
+        info.qua.z = parseFloat(info.qua.z)
 
+        info.qua.w = parseFloat(info.qua.w)
 
+        
+        if(!info.transformAtPanos)info.transformAtPanos = {}
 
+               
+        for(let i in info.transformAtPanos){
 
+            info.transformAtPanos[i].pos = new THREE.Vector3().fromArray(info.transformAtPanos[i].pos)
 
+            info.transformAtPanos[i].qua = new THREE.Quaternion().fromArray(info.transformAtPanos[i].qua)
 
+                
+        }
 
+        
+    }
 
+    
+    
+    window.Overlay = Overlay;
 
+}

文件差異過大導致無法顯示
+ 2 - 0
showa/js/webuploader.html5only.min.js


+ 768 - 0
showa/sceen.html
查看文件 

@@ -0,0 +1,768 @@
 
+<!doctype html>
 
+<html>
 
+    <head>
 
+        <meta charset="utf-8">
 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <title>场景漫游</title>
 
+        <meta name="description" content="">
 
+        <meta property="og:title" content="">
 
+        <meta property="og:description" content="">
 
+        <meta property="og:image:type" content="image/jpg">
 
+        <!-- <link rel="icon" type="image/png" sizes="32x32" href="https://super.4dage.com/images/icons/favicon.png" class="keep"> -->
 
+        <link rel="stylesheet" href="css/oldVer/main0.css">
 
+        <!-- <link rel="stylesheet" href="css/main.css?v=2.25"> -->
 
+        <link rel="stylesheet" href="css/sceen2.css?v=2.25">
 
+
 
+        <script>
 
+        var number=window.location.href.substring(window.location.href.indexOf("=")+1);
 
+        if(number.indexOf("&")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("&"));
 
+        }
 
+        if(number.indexOf("#")!=-1)
 
+        {
 
+            number = number.substring(0,number.indexOf("#"));
 
+        } 
+        </script>
 
+        <script class="build keep">
 
+            if (window.performance) {
 
+                window.navigationStart = window.performance.timing.navigationStart;
 
+            } else {
 
+                window.navigationStart = Date.now() + 300;
 
+            }
 
+        </script>
 
+		<script>
 
+            var _hmt = _hmt || [];
 
+            (function() {
 
+                var hm = document.createElement("script");
 
+                hm.src = "https://hm.baidu.com/hm.js?73402bb08ff95cb21b7f1673250c532d";
 
+                var s = document.getElementsByTagName("script")[0]; 
+                s.parentNode.insertBefore(hm, s);
 
+            })();
 
+        </script>
 
+    </head>
 
+    <body>
 
+		<div id="popup">
 
+            <div class="popup-content">
 
+
 
+            </div>
 
+			<div id="closepop" >close</div>
 
+		</div>
 
+		<div class="sidecontent" style="width:35%">
 
+			<h1><span class="side-client-close">关闭</span></h1>
 
+			<image id="sideimg" style="width:90%"/></br>
 
+			<p id="text">
 
+			</p>
 
+		</div>
 
+        <div id="gui-thumb" style="display: none;"></div>
 
+        <div id="player" style="display: none;"></div>
 
+        <div id="gui-parent">
 
+            <div id="memory-info" style="display:none; position:fixed; right:10px; top:10px; background-color:#eeeeee; color:#222222; padding:3px 10px 3px 10px; font-size:100%;">
 
+                GPU memory used: <span id="memory-gpu"></span>
 
+            </div>
 
+            <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="progressbar" data-perc="100">
 
+                        <div class="label"><div class="perc">0%</div></div>
 
+                        <div class="bar"><span></span></div>
 
+                    </div>
 
+                    <div id="loaderCoBrand">
 
+                        <div class="vert-align">
 
+                            <h2 id="loaderCoBrandName"></h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="bottom-logo">
 
+                        <div class="img"></div>
 
+                    </div>
 
+                    <div class="specialPower">
 
+                        <span class="powered-by">{[{ POWERED_BY }]}</span>
 
+                        &#xA0;<div class="img"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="gui" style="display: none;">
 
+                <div class="pinTop left">
 
+                    <div id="model-title">
 
+                        <div class="title-row">
 
+                            <div id="title-toggle" >
 
+                                <a>
 
+                                    <i class="icon icon-dpad-left"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="title-container-wrapper" rel="tooltip" data-placement="bottom" data-html="true">
 
+                                <div class="title-container  meta-toggle">
 
+                                    <div class="co-brand">
 
+                                        {[{ PRESENTED_BY }]}<span class="title" id="cobrandTitle"></span>
 
+                                    </div>
 
+                                    <div id="title-logo" >
 
+                                        <!-- <i ></i> -->
 
+                                    </div>
 
+                                    <div id="gui-name" class="titleText"></div>
 
+                                    <a id="more-hint"><i class="icon icon-dpad-down"></i></a>
 
+                                    <a id="less-hint"><i class="icon icon-dpad-up"></i></a>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="meta-info-wrapper">
 
+                        <div id="meta-info" class="darkGlass">
 
+                            <div id="meta-description"></div>
 
+                            <div class="contact-info">
 
+                                <i class="icon icon-user pull-left"></i>
 
+                                &#xA0;<div id="contact-data"></div>
 
+                            </div>
 
+                            <div class="address">
 
+                                <i class="icon icon-pin"></i>
 
+                                <span id="addressTxt"></span>
 
+                            </div>
 
+                            <div id="tag-toggles" class="menu-toggles hidden">
 
+                                <span>{[{ MATTERTAG_CONTENT }]}</span>
 
+                                <div id="tag-inputs" class="menu-radios">
 
+                                    <div id="show-tag" class="menu-radio-show">
 
+                                        <input id="radio-tag-show" type="radio" name="tags" value="show">
 
+                                        <label for="radio-tag-show">{[{ SHOW }]}</label>
 
+                                    </div>
 
+                                    <div id="hide-tag" class="menu-radio-hide">
 
+                                        <input id="radio-tag-hide" type="radio" name="tags" value="hide">
 
+                                        <label for="radio-tag-hide">{[{ HIDE }]}</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="labels-toggles" class="menu-toggles hidden">
 
+                                <span>Labels</span>
 
+                                <div id="labels-inputs" class="menu-radios">
 
+                                    <div id="show-label" class="menu-radio-show">
 
+                                        <input id="radio-labels-show" type="radio" name="labels" value="show">
 
+                                        <label for="radio-labels-show">Show</label>
 
+                                    </div>
 
+                                    <div id="hide-label" class="menu-radio-hide">
 
+                                        <input id="radio-labels-hide" type="radio" name="labels" value="hide">
 
+                                        <label for="radio-labels-hide">Hide</label>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div id="share-origin" class="hidden">
 
+                                <hr>
 
+                                <div>
 
+                                    <i class="icon icon-ext-link"></i>
 
+                                    <div id="share-link-wrapper"></div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="pinBottom-container">
 
+                    <div class="pinBottom center">
 
+                        <div id="view-controllers">
 
+                            <!-- <div id="gui-modes-dollhouse" class="darkGlass">
 
+                                <span class="mode">{[{ DOLLHOUSE }]}</span>
 
+                            </div> -->
 
+                            <!-- <div id="gui-modes-floorplan" class="darkGlass">
 
+                                <span class="mode">{[{ FLOOR_PLAN }]}</span>
 
+                            </div> -->
 
+                        </div>
 
+                    </div>
 
+                    <!-- <div class="pinBottom zoomPanel">
 
+                        <div id="gui-zoomin" class="buttonZoom buttonZoomIn buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_IN }]}" class="icon icon-plus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                        <div id="gui-zoomout" class="buttonZoom buttonZoomOut buttonZoomEnabled" data-placement="top">
 
+                            <div class="buttonZoomContent">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ ZOOM_OUT }]}" class="icon icon-minus"></i>
 
+                                </a>
 
+                            </div>
 
+                        </div>
 
+                    </div> -->
 
+                    <div class="pinBottom left">
 
+                        <div class="viewContainer">
 
+                            <!-- <div id="pullTab" class="ui-icon darkGlass">
 
+                                    <a>
 
+                                        <i rel="tooltip" title="{[{ OPEN_HIGHLIGHTS }]}" class="icon icon-dpad-up"></i>
 
+                                    </a>
 
+                                </div> -->
 
+                            <div id="previous" class="previous desktop-only ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="http://space3d.4dage.com/SuperLY/images/play.png" width="24" height="24"
 
+                                        data-original-title="播放">
 
+                                </a>
 
+                            </div>
 
+                            <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
 
+                                <a>
 
+                                    <img title="" src="http://space3d.4dage.com/SuperLY/images/play.png" width="24" height="24">
 
+                                </a>
 
+                                <span class="nav-icon-name">自动播放</span>
 
+                            </div>
 
+                            <div id="pause" class="ui-icon" style="display: none;">
 
+                                <a>
 
+                                    <img rel="tooltip" title="" src="http://space3d.4dage.com/SuperLY/images/pause.png" width="24" height="24"
 
+                                        data-original-title="暂停">
 
+                                </a>
 
+                                <span class="nav-icon-name">自动播放</span>
 
+                            </div>
 
+                            <div id="next" class="next desktop-only ui-icon wide" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
 
+                                </a>
 
+                            </div>
 
+                            <!-- <div id="gui-modes-inside" class="ui-icon">
 
+                                    <a>
 
+                                        <i rel="tooltip" title="{[{ EXPLORE_3D_SPACE }]}" class="icon icon-inside"></i>
 
+                                    </a>
 
+                                </div> -->
 
+                            <!-- <div id="gui-modes-outside" class="ui-icon">
 
+                                    <a>
 
+                                        <i rel="tooltip" title="{[{ VIEW_DOLLHOUSE }]}" class="icon icon-dollhouse"></i>
 
+                                    </a>
 
+                                </div> -->
 
+                            <div id="gui-modes-map" class="ui-icon double active">
 
+                                <div data-original-title="导览" id="pullTab" rel="tooltip" title="">
 
+                                    <img class="icon icon-inside" src="http://space3d.4dage.com/SuperLY/images/auto.png" title="navigation icon" />
 
+                                    <span class='nav-icon-name'>场景导览</span>
 
+                                </div>
 
+                                <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip" title="" class="">
 
+                                    <img class="icon icon-inside" src="http://space3d.4dage.com/SuperLY/images/inside.png" title="navigation icon" />
 
+                                    <span class='nav-icon-name'>全景漫游</span>
 
+                                </div>
 
+                                <div data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip" title="" class="">
 
+                                    <img class="icon icon-inside" src="http://space3d.4dage.com/SuperLY/images/dollhouse.png" title="navigation icon" />
 
+                                    <span class='nav-icon-name'>迷你模型</span>
 
+                                </div>
 
+                                <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="">
 
+                                    <img class="icon icon-inside" src="http://space3d.4dage.com/SuperLY/images/floor.png" title="navigation icon" />
 
+                                    <span class='nav-icon-name'>顶部俯视</span>
 
+                                </div>
 
+                                <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
 
+                                    style="display: none; float: left;">
 
+                                    <img class="icon icon-inside" src="http://space3d.4dage.com/SuperLY/images/face.jpg" title="navigation icon" />
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div class="pinBottom right hideTarget">
 
+                        <div class="rightViewContainer clearfix">
 
+                            <div class="gui-floor">
 
+                                <div class="gui-floor-title"></div>
 
+                                <div class="gui-floor-icon"><span class="gui-floor-number"></span></div>
 
+                                <!-- <i class="icon icon-dpad-up"></i> -->
 
+                                <div class="container"></div>
 
+                            </div>
 
+                            <div id="volume" class="ui-icon wide">
 
+                                <a>
 
+                                    <img src="http://space3d.4dage.com/SuperLY/images/Volume btn_on.png" width="24" height="24">
 
+                                </a>
 
+                                <span class='nav-icon-name'>背景音乐</span>
 
+                            </div>
 
+                            <div id="vr" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="sharing" class="ui-icon wide hidden" style="display: none;">
 
+                                <a>
 
+                                    <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
 
+                                </a>
 
+                            </div>
 
+                            <div id="gui-fullscreen" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                                title="{[{ VIEW_FULLSCREEN }]}">
 
+                                <a>
 
+                                    <i class="icon icon-fullscreen"></i>
 
+                                </a>
 
+                                <span class='nav-icon-name'>全屏模式</span>
 
+                            </div>
 
+                            <div id="gui-fullscreen-exit" class="ui-icon wide" data-placement="top" rel="tooltip"
 
+                                title="{[{ EXIT_FULLSCREEN }]}" style="display: none;">
 
+                                <a>
 
+                                    <i class="icon icon-fullscreen-exit"></i>
 
+                                </a>
 
+                                <span class='nav-icon-name'>全屏模式</span>
 
+                            </div>
 
+                            <div class="pull-right terms terms2">
 
+                                <a>{[{ TERMS }]}</a>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="drawer-container">
 
+                    <div id="drawer" class="fullWidth">
 
+                        <div class="frame-container darkGlass">
 
+                            <div id="scrollFrame" class="frame">
 
+                                <ul id="thumb-container" class="slidee"></ul>
 
+                            </div>
 
+                            <div class="scrollbar" id="scroller">
 
+                                <div class="handle"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div id="playHead">
 
+                        <div id="status">
 
+                            <span class="curIdx">1</span>
 
+                            of <span class="totalSteps"></span>
 
+                        </div>
 
+                        <div id="progressBar"></div>
 
+                    </div>
 
+                </div>
 
+                <div id="myCompany" style="width:100%;position:absolute;bottom:5px;text-align:center;font-size:14px;font-family: '微软雅黑';font-weight:580;color: rgba(255, 255, 255, 0.8);">
 
+                    
+                </div>
 
+            </div>
 
+            <div class="webvr-popup" style="display:none">
 
+                <div class="messaging">
 
+                    <div class="page p1">
 
+                        <div class="title">{[{ WEBVR_FOR_DAYDREAM }]}</div>
 
+                        <img class="image device-headset-side">
 
+                        <div class="enter-button">{[{ WEBVR_ENTER_WEBVR }]}</div>
 
+                        <span class="hrule"></span>
 
+                        <div class="alt-help">
 
+                            <span class="open-with-app">{[{ VR_APP_OPEN }]}</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="page p2 hidden">
 
+                        <div class="title">{[{ VR_WHAT_YOU_NEED }]}</div>
 
+                        <ul class="tabs">
 
+                            <li class="tabbutton" id="tabcardboard">{[{ VR_GOOGLE_CARDBOARD }]}</li>
 
+                            <li class="tabbutton" id="tabdaydream">{[{ VR_GOOGLE_DAYDREAM }]}</li>
 
+                            <li class="tabbutton" id="tabnative">{[{ VR_APP }]}</li>
 
+                        </ul>
 
+                        <div class="tab-content webvr">
 
+                            <img class="image device-headset">
 
+                            <span class="detail headset">
 
+                                <u>{[{ VR_GOOGLE_CARDBOARD }]}</u>
 
+                            </span>
 
+                            <img class="image device-phone">
 
+                            <span class="detail phone">
 
+                                <p>
 
+                                    <b>
 
+                                        <u>{[{ VR_COMPATIBLE_ANDROID }]}</u>
 
+                                    </b>
 
+                                </p>
 
+                                <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                            </span>
 
+                            <div class="detail daydream-label">{[{ VR_NEED_DAYDREAM }]}</div>
 
+                        </div>
 
+                        <div class="tab-content native hidden">
 
+                            <div class="badge-label">{[{ VR_APP_FOR_ANDROID }]}</div>
 
+                            <span>
 
+                                <img class="image badge-cardboard">
 
+                                <img class="image badge-oculus">
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+                <div class="footer">
 
+                    <div class="help">
 
+                        <a>{[{ HELP }]}</a>
 
+                    </div>
 
+                    <div>|</div>
 
+                    <div class="terms">
 
+                        <a>{[{ MATTERPORT_TERMS }]}</a>
 
+                    </div>
 
+                    <!-- <img src="http://space3d.4dage.com/SuperLY/images/glyph.svg"> -->
 
+                </div>
 
+            </div>
 
+            <div id="gui-spinner" style="display: none;">
 
+                <div class="gui-spinner-icon"></div>
 
+            </div>
 
+            <div id="gui-message" class="message-outer darkGlass" style="display: none;">
 
+                <h2 class="model-title"></h2>
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <a id="button-play">
 
+                            <i class="icon icon-play"></i>
 
+                        </a>
 
+                        <div class="explore">{[{ EXPLORE_3D_SPACE }]}</div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="share-modal" style="display: none;">
 
+                <div class="title">{[{ SOCIAL_SHARING }]}</div>
 
+                <div id="share-outer">
 
+                    <div class="share-to">{[{ SHARE_TO }]}</div>
 
+                    <div class="share-images">
 
+                        <a id="facebook-share">
 
+                            <div class="share-button">
 
+                                <span class="faceBookLink">
 
+                                    <i class="icon icon-facebook"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="twitter-share">
 
+                            <div class="share-button">
 
+                                <span class="twitterLink">
 
+                                    <i class="icon icon-twitter"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                        <a id="mail-share">
 
+                            <div class="share-button">
 
+                                <span class="mailLink">
 
+                                    <i class="icon icon-email"></i>
 
+                                </span>
 
+                            </div>
 
+                        </a>
 
+                    </div>
 
+                    <div class="direct-link">{[{ SHARE_LINK }]}</div>
 
+                    <div id="share-url">
 
+                        <span id="share-url-text"></span>
 
+                    </div>
 
+                    <div id="copy-success" class="hidden">
 
+                        <span id="copy-success-text">{[{ SHARE_COPIED }]}</span>
 
+                    </div>
 
+                </div>
 
+                <div id="share-close" class="close">
 
+                    <i class="icon icon-close"></i>
 
+                </div>
 
+            </div>
 
+            <div id="terms-modal" class="fadeOut" style="display: none;">
 
+                <div id="terms-text"></div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div class="gui-error message-outer" style="display: none;">
 
+                <div class="message-inner">
 
+                    <div class="message-content">
 
+                        <div class="error-problem-text"></div>
 
+                        <div class="error-solution-text"></div>
 
+                        <div class="error-explanation"></div>
 
+                        <div class="error-actions"></div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="help-dialog" class="nav-help-dialog" style="display: none;">
 
+                <div class="nav-help-elements">
 
+                    <div class="help-tabs">
 
+                        <div class="navigation-tab">
 
+                            <span>{[{ HELP_NAVIGATION_TAB }]}</span>
 
+                        </div>
 
+                        <div class="more-help-tab">
 
+                            <span>{[{ HELP_MORE_HELP_TAB }]}</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="navigation-help-wrapper">
 
+                    <div id="navigation-help" class="help outer">
 
+                        <div class="interactions left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interactions right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <div class="bottom-info"></div>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div id="more-help-wrapper">
 
+                    <div id="more-help">
 
+                        <div class="ui-instructions more-help-hlr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tour">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-dollhouse">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-inside">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-360">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-floors">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-tag">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-vr">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-fullscreen">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                        <div class="ui-instructions more-help-zoom">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <div class="bottom-info"></div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="close">
 
+                    <a>
 
+                        <i class="icon icon-close"></i>
 
+                    </a>
 
+                </div>
 
+            </div>
 
+            <div id="vr-modal" class="vr-popup" style="display: none;">
 
+                <div class="title">{[{ VR_VIEW_SPACE }]}</div>
 
+                <div class="outer">
 
+                    <div class="inner">
 
+                        <h3 class="vr-popup-title">
 
+                            <span class="show-supported p1">
 
+                                <p class="center">{[{ VR_SHOW_SUPPORTED }]}</p>
 
+                            </span>
 
+                            <span class="show-unsupported p1">{[{ VR_SHOW_UNSUPPORTED }]}</span>
 
+                            <span class="show-ios p1">
 
+                                {[{ VR_SHOW_IOS_1 }]}<br>
 
+                                <br>
 
+                            </span>
 
+                            <span class="show-ios p2">{[{ VR_WHAT_YOU_NEED }]}</span>
 
+                        </h3>
 
+                        <div class="vr-images">
 
+                            <div class="img-container cardboard first">
 
+                                <img class="vr-sm-image first">
 
+                                <div class="vr-img-caption first">
 
+                                    <span class="show-supported show-desktop show-ios p1">
 
+                                        <b class="cardboard">{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <b class="gearvr hidden">{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p2">{[{ VR_NEED_CARDBOARD }]}</span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">{[{ VR_NEED_SAMSUNG }]}</span>
 
+                                    <span class="show-ios p2">
 
+                                        <b>{[{ VR_GOOGLE_CARDBOARD }]}</b>
 
+                                        <br>
 
+                                        <br>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="front-close">
 
+                                <span class="front-close-x">&#x2715;</span>
 
+                            </div>
 
+                            <div class="img-container gearvr second">
 
+                                <img class="vr-sm-image second">
 
+                                <div class="vr-img-caption second">
 
+                                    <span class="show-supported show-desktop p1">
 
+                                        <b>{[{ VR_SAMSUNG_GEAR_VR }]}</b>
 
+                                    </span>
 
+                                    <span class="show-supported p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_IPHONES_1 }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-ios p2">
 
+                                        <p>
 
+                                            <b b id="vr-compatible-iphones-3">{[{ VR_COMPATIBLE_IPHONES_3 }]}</b>
 
+                                        </p>
 
+                                        <p id="vr-compatible-iphones-2b">{[{ VR_COMPATIBLE_IPHONES_2 }]}</p>
 
+                                    </span>
 
+                                    <span class="show-unsupported p1 p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_ANDROID }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported show-desktop p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_COMPATIBLE_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_SAMSUNG_DETAIL }]}</p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="img-container third">
 
+                                <img class="vr-sm-image third">
 
+                                <div class="vr-img-caption third">
 
+                                    <span class="show-supported show-unsupported show-ios p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_CARDBOARD }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="cardboardLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                    <span class="show-desktop p2">
 
+                                        <p>
 
+                                            <b>{[{ VR_ANDROID_DVICES }]}</b>
 
+                                        </p>
 
+                                        <p>{[{ VR_ANDROID_DETAIL }]}</p>
 
+                                    </span>
 
+                                    <span class="show-supported show-unsupported p3">
 
+                                        <p>
 
+                                            <b>{[{ VR_APP_FOR_SAMSUNG }]}</b>
 
+                                        </p>
 
+                                        <p>
 
+                                            <a class="gearLink">{[{ VR_DOWNLOAD_HERE }]}</a>
 
+                                        </p>
 
+                                    </span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="vr-popup-body">
 
+                            <span class="show-supported p1">
 
+                                <p>
 
+                                    <i>{[{ VR_REQUIRE_HEADSET }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p>
 
+                                    <i>{[{ VR_REDIRECT_TO_STORE }]}</i>
 
+                                </p>
 
+                                <br>
 
+                                <p class="improper-embed hidden">
 
+                                    <i>{[{ VR_IMPROPER_EMBED }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-ios p1">
 
+                                <p>
 
+                                    <i id="show-ios-2">{[{ VR_SHOW_IOS_2 }]}</i>
 
+                                </p>
 
+                            </span>
 
+                            <span class="show-desktop p1">
 
+                                <p></p>
 
+                                <h3>{[{ VR_OPEN_ANDROID_LINK }]}</h3>
 
+                                <p>
 
+                                    <br>
 
+                                </p>
 
+                                <p class="logo-button">
 
+                                    <span class="modelLink"></span>
 
+                                </p>
 
+                                <br>
 
+                                <br>
 
+                                <p></p>
 
+                                <h3>{[{ VR_ANDROID_OPTIONS }]}</h3>
 
+                                <p></p>
 
+                            </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-buttons">
 
+                        <div class="next-button"></div>
 
+                        <div class="prev-button">{[{ VR_PREVIOUS_CAPS }]}</div>
 
+                        <div class="vr-arrows prev-container">
 
+                            <!-- <img class="prev-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                        <div class="vr-arrows next-container">
 
+                            <!-- <img class="next-arrow" src="images/arrow.png"> -->
 
+                        </div>
 
+                    </div>
 
+                    <div class="vr-page"></div>
 
+                    <div class="close">
 
+                        <a>
 
+                            <i class="icon icon-close"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="quick-blackout" class="quick" style="display: none;"></div>
 
+            <div id="quick-logo" class="quick-brand" style="display: none;">
 
+                <!-- <img src="images/powered-by-4dage.svg"> -->
 
+            </div>
 
+            <div id="hover-top" class="hover-row" style="display: none;"></div>
 
+            <div id="hover-bottom" class="hover-row" style="display: none;"></div>
 
+            <div id="call-to-action" >
 
+                <div id="pause-overlay" style="display: none;" >
 
+                    <div id="pause-icon">
 
+                        <a>
 
+                            <i class="icon icon-pause"></i>
 
+                        </a>
 
+                    </div>
 
+                </div>
 
+                <div id="interaction-modal">
 
+                    <div id="interaction-modal-inner">
 
+                        <!-- <div class="tour-title">
 
+                            <span class="desktop-title">{[{ DESKTOP_SHORT_CTA }]}</span>
 
+                            <span class="mobile-title">{[{ MOBILE_SHORT_CTA }]}</span>
 
+                        </div>
 
+                        <div class="interaction left">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction middle">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div>
 
+                        <div class="interaction right">
 
+                            <h2 class="top-info"></h2>
 
+                            <img class="big-image">
 
+                            <hr>
 
+                            <img class="keyboard">
 
+                        </div> -->
 
+                        <div class="nav-icon">
 
+                            <img src="https://super.4dage.com/images/pc_step1.png" class="icon" title="navigation icon" data-page="1">
 
+                            <div class="nav-help-button">
 
+                                <div class="next-button nav-help-page" data-id="plus" ></div>
 
+                                <div class="prev-button nav-help-page"></div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div id="tag-billboards" style="display: none;"></div>
 
+            <!--[if lte IE 9]>
 
+ <div class="gui-error message-outer darkGlass">
 
+ <div class='message-inner'>
 
+ <div class='message-content' style='font-family: Helvetica Neue, sans-serif;'>
 
+ <div class="error-problem-text">Browser not supported.</div>
 
+ <div class="error-solution-text">Install a new browser to explore in 3D.</div>
 
+ <div class="error-actions">For Matterport 3D Showcase support,
 
+ <a class="link" target="_blank" href="https://matterportsupport.zendesk.com/hc/en-us/articles/208220058-Showcase-System-Requirements">see our troubleshooting guide</a>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ </div>
 
+ <![endif]-->
 
+        </div> 
+        <script src="js/lib/jquery-2.1.1.min.js" class="build keep"></script>
 
+        <script src="js/lib/player-0.0.12.min.js" class="build keep"></script>
 
+        <!-- <script src="js/app-preheater.js?v=2.25.6-0-gd87e5b1"></script> -->
 
+	<script src="js/Tween.js"></script>
 
+        <script src="js/myShow.js"></script>
 
+        <script src="js/SpecialScene.js"></script>
 
+        <script src="js/manage.js"></script>
 
+        <script src="js/main_2018.js"></script>
 
+    </body>
 
+</html>