shaogen1995 3 лет назад
Родитель
Сommit
fec4cbf223
100 измененных файлов с 929 добавлено и 127 удалено
  1. 0 55
      public/4dage/Model.html
  2. 0 1
      public/4dage/js/4dage.js
  3. 0 18
      public/4dage/js/info.js
  4. 0 0
      public/4dage/js/model.js
  5. 0 26
      public/4dage/js/ui.js
  6. BIN
      public/WZSBWG/4dage/wzs01.4dage
  7. 206 0
      public/WZSBWG/Model.html
  8. 208 0
      public/WZSBWG/Model2.html
  9. 0 0
      public/WZSBWG/css/index.css
  10. 21 11
      public/4dage/css/main.css
  11. 0 0
      public/WZSBWG/css/reset.css
  12. 107 0
      public/WZSBWG/css/wechat.css
  13. 0 0
      public/WZSBWG/css/wx.css
  14. BIN
      public/WZSBWG/images/back.png
  15. BIN
      public/WZSBWG/images/bgmusic-play-icon.png
  16. BIN
      public/WZSBWG/images/icon_home.png
  17. BIN
      public/WZSBWG/images/icon_info.png
  18. BIN
      public/WZSBWG/images/icon_left.png
  19. BIN
      public/WZSBWG/images/icon_right.png
  20. BIN
      public/WZSBWG/images/logo.png
  21. BIN
      public/WZSBWG/images/play.png
  22. BIN
      public/WZSBWG/images/wzs01.jpg
  23. BIN
      public/WZSBWG/images/wzs02.jpg
  24. BIN
      public/WZSBWG/images/wzs03.jpg
  25. BIN
      public/WZSBWG/images/wzs04.jpg
  26. BIN
      public/WZSBWG/images/wzs05.jpg
  27. BIN
      public/WZSBWG/images/wzs06.jpg
  28. BIN
      public/WZSBWG/images/wzs07.jpg
  29. BIN
      public/WZSBWG/images/wzs08.jpg
  30. BIN
      public/WZSBWG/images/wzs09.jpg
  31. BIN
      public/WZSBWG/images/wzs10.jpg
  32. BIN
      public/WZSBWG/images/wzs11.jpg
  33. BIN
      public/WZSBWG/images/wzs12.jpg
  34. BIN
      public/WZSBWG/images/wzs13.jpg
  35. BIN
      public/WZSBWG/images/wzs14.jpg
  36. BIN
      public/WZSBWG/images/wzs15.jpg
  37. BIN
      public/WZSBWG/images/wzs16.jpg
  38. BIN
      public/WZSBWG/images/wzs17.jpg
  39. BIN
      public/WZSBWG/images/wzs18.jpg
  40. BIN
      public/WZSBWG/images/wzs19.jpg
  41. BIN
      public/WZSBWG/images/wzs20.jpg
  42. BIN
      public/WZSBWG/images/wzs21.jpg
  43. BIN
      public/WZSBWG/images/wzs22.jpg
  44. BIN
      public/WZSBWG/images/wzs23.jpg
  45. BIN
      public/WZSBWG/images/wzs24.jpg
  46. BIN
      public/WZSBWG/images/wzs25.jpg
  47. BIN
      public/WZSBWG/images/wzs26.jpg
  48. BIN
      public/WZSBWG/images/wzs27.jpg
  49. BIN
      public/WZSBWG/images/wzs28.jpg
  50. BIN
      public/WZSBWG/images/wzs29.jpg
  51. BIN
      public/WZSBWG/images/wzs30.jpg
  52. BIN
      public/WZSBWG/images/wzs31.jpg
  53. BIN
      public/WZSBWG/images/wzs32.jpg
  54. BIN
      public/WZSBWG/images/wzs33.jpg
  55. BIN
      public/WZSBWG/images/wzs34.jpg
  56. BIN
      public/WZSBWG/images/wzs35.jpg
  57. BIN
      public/WZSBWG/images/wzs36.jpg
  58. BIN
      public/WZSBWG/images/wzs37.jpg
  59. BIN
      public/WZSBWG/images/wzs38.jpg
  60. BIN
      public/WZSBWG/images/wzs39.jpg
  61. BIN
      public/WZSBWG/images/wzs40.jpg
  62. BIN
      public/WZSBWG/images/wzs41.jpg
  63. BIN
      public/WZSBWG/images/wzs42.jpg
  64. BIN
      public/WZSBWG/images/wzs43.jpg
  65. BIN
      public/WZSBWG/images/wzs44.jpg
  66. BIN
      public/WZSBWG/images/wzs45.jpg
  67. BIN
      public/WZSBWG/images/wzs46.jpg
  68. BIN
      public/WZSBWG/images/wzs47.jpg
  69. BIN
      public/WZSBWG/images/wzs48.jpg
  70. BIN
      public/WZSBWG/img/bigBac.png
  71. BIN
      public/WZSBWG/img/divBac.png
  72. BIN
      public/WZSBWG/img/info-bg.png
  73. BIN
      public/WZSBWG/img/line-bg.jpg
  74. BIN
      public/WZSBWG/img/music-off.png
  75. BIN
      public/WZSBWG/img/music-on.png
  76. BIN
      public/WZSBWG/img/titleBac.png
  77. 34 10
      public/4dage/index.html
  78. 1 0
      public/WZSBWG/js/4dage.js
  79. 0 0
      public/WZSBWG/js/browser.min.js
  80. 0 0
      public/WZSBWG/js/data.js
  81. 109 0
      public/WZSBWG/js/info.js
  82. 0 0
      public/WZSBWG/js/jquery.js
  83. 84 0
      public/WZSBWG/js/model.js
  84. 37 0
      public/WZSBWG/js/ui.js
  85. 0 0
      public/WZSBWG/js/weixin.js
  86. 54 0
      public/WZSBWG/js/wxinfo.js
  87. 62 0
      public/WZSBWG/wx.html
  88. BIN
      public/WZSBWG/wx/images/bg-inner.png
  89. BIN
      public/WZSBWG/wx/images/bg.png
  90. BIN
      public/WZSBWG/wx/images/button.png
  91. BIN
      public/WZSBWG/wx/images/center-img.png
  92. BIN
      public/WZSBWG/wx/images/list-title-bg.png
  93. BIN
      public/WZSBWG/wx/images/logo.png
  94. BIN
      public/WZSBWG/wx/images/nav-bg.png
  95. BIN
      public/WZSBWG/wx/images/search-icon.png
  96. BIN
      public/WZSBWG/wx/images/title.png
  97. 4 4
      public/static/css/css/main.css
  98. 1 1
      public/static/css/css/oldVer/main0.css
  99. 1 1
      public/static/css/oldVer/main0.css
  100. 0 0
      public/static/js/Hot.js

+ 0 - 55
public/4dage/Model.html

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<meta name="viewport"
-    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
-<link rel="stylesheet" href="css/index.css">
-<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
-<html>
-
-<head>
-    <title>文物展示</title>
-    <script src="js/4dage.js"></script>
-    <style>
-        html {
-            overflow: hidden;
-        }
-    </style>
-</head>
-
-<body>
-    <div id="ui">
-    </div>
-    <script src="js/jquery.js"></script>
-    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-
-    <script type="text/javascript" src="js/info.js"></script>
-    <script type="text/javascript" src="js/model.js"></script>
-    <script type="text/javascript" src="js/weixin.js"></script>
-    <script>
-         var number = getQueryVariable("m");
-       fdage.embed(number, { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
-
-        var number = getQueryVariable("m");
-        let pageNum = number.split("_")[1];
-
-        let iconLeft = document.querySelector('#iconLeft');
-        let iconRight = document.querySelector('#iconRight');
-        let iframe = document.querySelector('iframe');
-        let iconHome = document.querySelector('#iconHome');
-        let iconInfo = document.querySelector('#iconInfo');
-        var URL=window.location.href;
-        var n = -1;//当前位置
-        let list = ['yp01','yp02','yp03','yp04','yp05','yp06','yp07','yp08','yp09','yp09_1','yp10','yp11','yp12','yp13','yp14','yp15','yp16','yp17','yp18','yp19','yp20'];
-        list.forEach(function(val,index) {
-            if(val==number){
-                n= index;
-            }
-        })
-        function goToUrl(n) {
-            window.location.href = URL.replace(number,list[n]);
-        }
-    </script>
-</body>
-
-</html>

Разница между файлами не показана из-за своего большого размера
+ 0 - 1
public/4dage/js/4dage.js


+ 0 - 18
public/4dage/js/info.js

@@ -1,18 +0,0 @@
-
-// const modelInfos = {
-// }
-
-// yp_num.forEach(item => {
-//   modelInfos[item] = {
-//     name: '',
-//     time: '',
-//     size: '',
-//     texture: '',
-//     level: '',
-//     num: '',
-//     keep: '',
-//     unit: '精品文物数字化保护',
-//     voice: '',
-//     content: []
-//   }
-// })

+ 0 - 0
public/4dage/js/model.js


+ 0 - 26
public/4dage/js/ui.js

@@ -1,26 +0,0 @@
-(function () {
-    let fragment = document.createDocumentFragment();
- 
-    for (let i=0;i<yp_num.length;i++) {
-        let li = document.createElement('li');
-            let divWrap = document.createElement('div');
-            let a = document.createElement('a');
-            let div = document.createElement('div');
-            let p = document.createElement("p");
-            divWrap.classList.add('case');
-            a.classList.add('link-a');
-            a.href = `Model.html?m=${yp_num[i]}&v=1`;
-            div.classList.add('card-img');
-            div.style = `background-image: url(images/${yp_num[i]}.jpg)`;
-            let key = yp_num[i];
-            p.innerHTML = modelInfos[key].name;
-            a.appendChild(div);           
-            divWrap.appendChild(a);
-            li.appendChild(divWrap);
-            li.appendChild(p);
-            fragment.appendChild(li);
-    }
-    let ul = document.querySelector('.con');
-    ul.appendChild(fragment);
-    
-})()

BIN
public/WZSBWG/4dage/wzs01.4dage


+ 206 - 0
public/WZSBWG/Model.html

@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport"
+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
+<link rel="stylesheet" href="css/index.css">
+<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
+
+<head>
+    <title>吴忠博物馆</title>
+    <!-- <script src="https://model3d.4dage.com/3D/2018/model/DG/js/4dage.js"></script> -->
+    <script src="js/4dage.js"></script>
+    <style>
+        html {
+            overflow: hidden;
+        }
+
+        .logo {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 9999;
+            width: 90vw;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: 10px;
+            height: 50px;
+        }
+
+        .logo .img {
+            background: url('./images/logo.png');
+            background-size: 100% 100%;
+            max-width: 40vw;
+            max-height: 50px;
+            height: 40px;
+            width: 150px;
+        }
+
+        .logo .logotxt {
+            padding-bottom: 5px;
+            color: #666;
+            border-bottom: 1px solid #666;
+        }
+
+        .back{
+            z-index: 9999;
+            cursor: pointer;
+            width: 30px;
+            height: 30px;
+            position: absolute;
+            top: 10px;
+            left: 10px;
+        }
+        .back img {
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="back" onclick="javascript:history.go(-1);">
+        <img src="./images/back.png" alt="">
+    </div>
+    <div class="logo">
+        <div class="img"></div>
+        <div class="logotxt"> 提 供 技 术 支 持 </div>
+    </div>
+    <div id="ui">
+        <!-- <div id="introductionWrap" class="animated">
+            <span id="name"></span>
+            <span id="time"></span>
+            <span id="size"></span>
+            <span id="texture"></span>
+            <span id="keep"></span>
+            <span id="num"></span>
+            <span id="level"></span>
+            <span id="unit"></span>
+        </div>
+        <div id="iconWrap" class="iconWrap">
+            <img id="iconLeft" class="mar-right" src="images/icon_left.png" alt="">
+            <img id="iconRight" class="iconRight" src="images/icon_right.png" alt="">
+        </div>
+        <div class="iconAction">
+            <div id="iconHome" class="iconMenu iconHome"><img src="images/icon_home.png" alt=""><span>首页</span></div>
+            <div class="iconMenu iconInfo" id="iconInfo" data-info=0>
+                <img  src="images/icon_info.png" alt="">
+                <span>文物介绍</span>
+            </div>
+        </div> -->
+        <!-- <span id="companyText" class="loading animated ">四维时代提供技术支持</span> -->
+    </div>
+    <script src="js/jquery.js"></script>
+    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+    <!-- <script src="js/constant.js"></script> -->
+
+    <script type="text/javascript" src="js/info.js"></script>
+    <script type="text/javascript" src="js/model.js"></script>
+    <!-- <script type="text/javascript" src="js/weixin.js"></script> -->
+    <!-- <script type="text/javascript" src="js/data.js"></script> -->
+    <script>
+        var number = getQueryVariable("m");
+        /*  window.autoRotate = true; */ // 是否自动旋转
+
+        fdage.embed('4dage/' + number + '.4dage', {
+            width: 800,
+            height: 600,
+            autoStart: true,
+            fullFrame: true,
+            pagePreset: false
+        });
+        // marmoset.embed('4dage/' + number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
+        var number = getQueryVariable("m");
+
+
+
+
+
+        let pageNum = number.split("_")[1];
+
+        let iconLeft = document.querySelector('#iconLeft');
+        let iconRight = document.querySelector('#iconRight');
+        let iframe = document.querySelector('iframe');
+        let iconHome = document.querySelector('#iconHome');
+        let iconInfo = document.querySelector('#iconInfo');
+        var URL = window.location.href;
+        /* var n = parseInt(number.slice(2)); */
+        var n = -1; //当前位置
+        let list = ['yp01', 'yp02', 'yp03', 'yp04', 'yp05', 'yp06', 'yp07', 'yp08', 'yp09', 'yp09_1', 'yp10', 'yp11',
+            'yp12', 'yp13', 'yp14', 'yp15', 'yp16', 'yp17', 'yp18', 'yp19', 'yp20'
+        ];
+        list.forEach(function (val, index) {
+            if (val == number) {
+                n = index;
+            }
+        })
+
+        iconHome.addEventListener('click', () => {
+
+            window.location.href = URL.split('Model')[0] + "index.html";
+        })
+        /*  iconHome.addEventListener('touchstart', () => {
+             window.location.href = 'https://4dscene.4dage.com/culturalrelics/bengbu/index.html?m=ah'
+         }) */
+        /*  iconInfo.addEventListener('click',() => {
+
+         }) */
+
+        iconLeft.addEventListener('click', () => {
+            if (n <= 0) {
+                iconLeft.style.cursor = 'not-allowed';
+            } else {
+                goToUrl(n - 1);
+            }
+
+        })
+        iconLeft.addEventListener('mouseover', () => {
+            if (n <= 0) {
+                iconLeft.style.cursor = 'not-allowed';
+            } else {
+                iconLeft.style.cursor = 'pointer';
+            }
+        })
+        iconRight.addEventListener('mouseover', () => {
+            if (n >= list.length - 1) {
+                iconRight.style.cursor = 'not-allowed';
+            } else {
+                iconRight.style.cursor = 'pointer';
+            }
+        })
+        iconRight.addEventListener('click', () => {
+            if (n >= list.length - 1) {
+                iconRight.style.cursor = 'not-allowed';
+            } else {
+                goToUrl(n + 1);
+            }
+        })
+
+        function goToUrl(n) {
+            /* let next;
+            if(n<=9){
+                next = "yw" + "0" + n ;
+            }else next = "yw" +n ; */
+            window.location.href = URL.replace(number, list[n]);
+        }
+
+
+        /*  $("#iconInfo").click(function(){
+                 console.log(1)
+             if($(this).attr("data-info")==0){
+                 $("#introductionWrap").css("display","flex"); 
+                 $("#introductionWrap").addClass("fadeInRight");             
+                 $("#introductionWrap").removeClass("fadeOutRight");            
+                 $(this).attr("data-info",1);
+             }else {
+                 $("#introductionWrap").addClass("fadeOutRight");             
+                 $("#introductionWrap").removeClass("fadeInRight");             
+                 $(this).attr("data-info",0)
+             }
+             
+         }) */
+    </script>
+</body>
+
+</html>

+ 208 - 0
public/WZSBWG/Model2.html

@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport"
+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
+<link rel="stylesheet" href="css/index.css">
+<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
+
+<head>
+    <title>吴忠博物馆</title>
+    <!-- <script src="https://model3d.4dage.com/3D/2018/model/DG/js/4dage.js"></script> -->
+    <script src="js/4dage.js"></script>
+    <style>
+        html {
+            overflow: hidden;
+        }
+
+        .logo {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 9999;
+            width: 90vw;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: 10px;
+            height: 50px;
+            display: none !important;
+        }
+
+        .logo .img {
+            background: url('./images/logo.png');
+            background-size: 100% 100%;
+            max-width: 40vw;
+            max-height: 50px;
+            height: 40px;
+            width: 150px;
+        }
+
+        .logo .logotxt {
+            padding-bottom: 5px;
+            color: #666;
+            border-bottom: 1px solid #666;
+        }
+
+        .back{
+            display: none !important;
+            z-index: 9999;
+            cursor: pointer;
+            width: 30px;
+            height: 30px;
+            position: absolute;
+            top: 10px;
+            left: 10px;
+        }
+        .back img {
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="back" onclick="javascript:history.go(-1);">
+        <img src="./images/back.png" alt="">
+    </div>
+    <div class="logo">
+        <div class="img"></div>
+        <div class="logotxt"> 提 供 技 术 支 持 </div>
+    </div>
+    <div id="ui">
+        <!-- <div id="introductionWrap" class="animated">
+            <span id="name"></span>
+            <span id="time"></span>
+            <span id="size"></span>
+            <span id="texture"></span>
+            <span id="keep"></span>
+            <span id="num"></span>
+            <span id="level"></span>
+            <span id="unit"></span>
+        </div>
+        <div id="iconWrap" class="iconWrap">
+            <img id="iconLeft" class="mar-right" src="images/icon_left.png" alt="">
+            <img id="iconRight" class="iconRight" src="images/icon_right.png" alt="">
+        </div>
+        <div class="iconAction">
+            <div id="iconHome" class="iconMenu iconHome"><img src="images/icon_home.png" alt=""><span>首页</span></div>
+            <div class="iconMenu iconInfo" id="iconInfo" data-info=0>
+                <img  src="images/icon_info.png" alt="">
+                <span>文物介绍</span>
+            </div>
+        </div> -->
+        <!-- <span id="companyText" class="loading animated ">四维时代提供技术支持</span> -->
+    </div>
+    <script src="js/jquery.js"></script>
+    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+    <!-- <script src="js/constant.js"></script> -->
+
+    <script type="text/javascript" src="js/info.js"></script>
+    <script type="text/javascript" src="js/model.js"></script>
+    <!-- <script type="text/javascript" src="js/weixin.js"></script> -->
+    <!-- <script type="text/javascript" src="js/data.js"></script> -->
+    <script>
+        var number = getQueryVariable("m");
+        /*  window.autoRotate = true; */ // 是否自动旋转
+
+        fdage.embed('4dage/' + number + '.4dage', {
+            width: 800,
+            height: 600,
+            autoStart: true,
+            fullFrame: true,
+            pagePreset: false
+        });
+        // marmoset.embed('4dage/' + number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
+        var number = getQueryVariable("m");
+
+
+
+
+
+        let pageNum = number.split("_")[1];
+
+        let iconLeft = document.querySelector('#iconLeft');
+        let iconRight = document.querySelector('#iconRight');
+        let iframe = document.querySelector('iframe');
+        let iconHome = document.querySelector('#iconHome');
+        let iconInfo = document.querySelector('#iconInfo');
+        var URL = window.location.href;
+        /* var n = parseInt(number.slice(2)); */
+        var n = -1; //当前位置
+        let list = ['yp01', 'yp02', 'yp03', 'yp04', 'yp05', 'yp06', 'yp07', 'yp08', 'yp09', 'yp09_1', 'yp10', 'yp11',
+            'yp12', 'yp13', 'yp14', 'yp15', 'yp16', 'yp17', 'yp18', 'yp19', 'yp20'
+        ];
+        list.forEach(function (val, index) {
+            if (val == number) {
+                n = index;
+            }
+        })
+
+        iconHome.addEventListener('click', () => {
+
+            window.location.href = URL.split('Model')[0] + "index.html";
+        })
+        /*  iconHome.addEventListener('touchstart', () => {
+             window.location.href = 'https://4dscene.4dage.com/culturalrelics/bengbu/index.html?m=ah'
+         }) */
+        /*  iconInfo.addEventListener('click',() => {
+
+         }) */
+
+        iconLeft.addEventListener('click', () => {
+            if (n <= 0) {
+                iconLeft.style.cursor = 'not-allowed';
+            } else {
+                goToUrl(n - 1);
+            }
+
+        })
+        iconLeft.addEventListener('mouseover', () => {
+            if (n <= 0) {
+                iconLeft.style.cursor = 'not-allowed';
+            } else {
+                iconLeft.style.cursor = 'pointer';
+            }
+        })
+        iconRight.addEventListener('mouseover', () => {
+            if (n >= list.length - 1) {
+                iconRight.style.cursor = 'not-allowed';
+            } else {
+                iconRight.style.cursor = 'pointer';
+            }
+        })
+        iconRight.addEventListener('click', () => {
+            if (n >= list.length - 1) {
+                iconRight.style.cursor = 'not-allowed';
+            } else {
+                goToUrl(n + 1);
+            }
+        })
+
+        function goToUrl(n) {
+            /* let next;
+            if(n<=9){
+                next = "yw" + "0" + n ;
+            }else next = "yw" +n ; */
+            window.location.href = URL.replace(number, list[n]);
+        }
+
+
+        /*  $("#iconInfo").click(function(){
+                 console.log(1)
+             if($(this).attr("data-info")==0){
+                 $("#introductionWrap").css("display","flex"); 
+                 $("#introductionWrap").addClass("fadeInRight");             
+                 $("#introductionWrap").removeClass("fadeOutRight");            
+                 $(this).attr("data-info",1);
+             }else {
+                 $("#introductionWrap").addClass("fadeOutRight");             
+                 $("#introductionWrap").removeClass("fadeInRight");             
+                 $(this).attr("data-info",0)
+             }
+             
+         }) */
+    </script>
+</body>
+
+</html>

public/4dage/css/index.css → public/WZSBWG/css/index.css


+ 21 - 11
public/4dage/css/main.css

@@ -11,22 +11,26 @@ body {
 }
 
 .con-title {
-    font-size: 24px;
-    background: #f9fafc;
+    width: 300px;
+    margin: 0 auto;
+    margin-top: 20px;
+    display: inline-block;
+    font-size: 20px;
     text-align: center;
     font-weight: bold;
-    padding-top: 40px;
+    padding: 20px;
 }
 
 .con {
+    padding-right: 20px !important;
     /* width: 100%; */
     height: auto;
     overflow: hidden;
-    background: #f9fafc;
-    margin: 0 auto 0;
+    /* background: #f9fafc; */
+    /* margin: 0 auto 0; */
     display: flex;
     flex-wrap: wrap;
-    padding: 20px 2%;
+    /* padding: 20px 2%; */
     justify-content: center;
 }
 
@@ -39,8 +43,9 @@ body {
 
 .case {
     padding: 10px;
-    background: #fff;
-    border-radius: 10px;
+    background: url('../img/divBac.png');
+    background-size: 100% 100%;
+    /* border-radius: 10px; */
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
     transition: all 0.3s;
 }
@@ -59,8 +64,9 @@ body {
 }
 
 .con li p {
+    color: #fff;
     margin-top: 10px;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: 100;
 }
 
@@ -128,7 +134,11 @@ body {
         font-size: 16px;
     } */
 }
-
+@media screen and (max-width: 350px) {
+    .con li {
+        margin: 20px auto;
+    }
+}
 .hide{
     display: none;
 }
@@ -150,7 +160,7 @@ body {
         width: 43%;
     }
     .con li p {
-        font-size: 16px;
+        font-size: 14px;
         font-weight: 100;
     }
 }

public/4dage/css/reset.css → public/WZSBWG/css/reset.css


+ 107 - 0
public/WZSBWG/css/wechat.css

@@ -0,0 +1,107 @@
+@font-face
+	{
+	font-family: "SourceHanSerifCN Bold";
+	src: url('../font/SourceHanSerifCN-Bold.otf'); 
+	}
+    @font-face
+	{
+	font-family: "SourceHanSerifCN Regular";
+	src: url('../font/SourceHanSerifCN-Regular.otf'); 
+	}
+  
+    
+/* 设置滚动条的样式 */
+::-webkit-scrollbar {
+    width:4px;
+    }
+    /* 滚动槽 */
+    ::-webkit-scrollbar-track {
+    border-radius:2px;
+    background:url(../img/line-bg.jpg)center/2px 100% no-repeat;
+    }
+    /* 滚动条滑块 */
+    ::-webkit-scrollbar-thumb {
+    width:4px;
+    border-radius:4px;
+    background:#890d12;
+   
+    }
+    /* ::-webkit-scrollbar-thumb:window-inactive {
+    background: #890d02;
+    } */
+
+* {
+    margin:0;
+    padding:0;
+}
+.ui {
+    
+}
+.top-name {
+    position:absolute;
+    z-index:22;
+    width:100%;
+    text-align:center;
+    font-family: "SourceHanSerifCN Bold";
+    font-size:5.6vw;
+    color:#890d12;
+    margin:2vh auto;
+}
+.bottom-description {
+    position:absolute;
+    z-index:22;
+    left:0;
+    right:0;
+    bottom:5vh;
+    margin:auto;
+    width:94.67vw;
+    height:44.53vw;
+    background:url(../img/info-bg.png)center/100% no-repeat;
+    padding:5vw 8vw 5vw 10vw;
+    box-sizing:border-box;
+}
+.bottom-description .inner {
+    height:100%;
+    overflow-y: scroll;
+    padding-right:4vw;
+}
+.bottom-description p {
+    font-size:2.53vw;
+    line-height:6vw;
+    color:#151c2c;
+}.bottom-description .item p#info {
+    width:58vw;
+    text-align:justify;
+}
+.bottom-description .item {
+    display:flex;
+    align-items: flex-start;
+}
+.bottom-description .item  span {
+    display:block;
+    width:15vw;
+    font-size:2.53vw;
+    font-family: "SourceHanSerifCN Regular";
+    line-height:6vw;
+}
+.audio {
+    position:absolute;
+    z-index:22;
+    top:10vh;
+    right:2vw;
+    width:12.26vw;
+    height:19.33vw;
+    background:url(../img/music-on.png)center/100% no-repeat;
+}
+.audio.on {
+    background:url(../img/music-off.png)center/100% no-repeat;
+}
+#companyText {
+    position:absolute;
+    z-index:22;
+    width:100%;
+    bottom:10px;
+    text-align:center;
+    font-size:10px;
+    color:rgb(255 255 255 / 0.5);
+}

public/4dage/css/wx.css → public/WZSBWG/css/wx.css


BIN
public/WZSBWG/images/back.png


BIN
public/WZSBWG/images/bgmusic-play-icon.png


BIN
public/WZSBWG/images/icon_home.png


BIN
public/WZSBWG/images/icon_info.png


BIN
public/WZSBWG/images/icon_left.png


BIN
public/WZSBWG/images/icon_right.png


BIN
public/WZSBWG/images/logo.png


BIN
public/WZSBWG/images/play.png


BIN
public/WZSBWG/images/wzs01.jpg


BIN
public/WZSBWG/images/wzs02.jpg


BIN
public/WZSBWG/images/wzs03.jpg


BIN
public/WZSBWG/images/wzs04.jpg


BIN
public/WZSBWG/images/wzs05.jpg


BIN
public/WZSBWG/images/wzs06.jpg


BIN
public/WZSBWG/images/wzs07.jpg


BIN
public/WZSBWG/images/wzs08.jpg


BIN
public/WZSBWG/images/wzs09.jpg


BIN
public/WZSBWG/images/wzs10.jpg


BIN
public/WZSBWG/images/wzs11.jpg


BIN
public/WZSBWG/images/wzs12.jpg


BIN
public/WZSBWG/images/wzs13.jpg


BIN
public/WZSBWG/images/wzs14.jpg


BIN
public/WZSBWG/images/wzs15.jpg


BIN
public/WZSBWG/images/wzs16.jpg


BIN
public/WZSBWG/images/wzs17.jpg


BIN
public/WZSBWG/images/wzs18.jpg


BIN
public/WZSBWG/images/wzs19.jpg


BIN
public/WZSBWG/images/wzs20.jpg


BIN
public/WZSBWG/images/wzs21.jpg


BIN
public/WZSBWG/images/wzs22.jpg


BIN
public/WZSBWG/images/wzs23.jpg


BIN
public/WZSBWG/images/wzs24.jpg


BIN
public/WZSBWG/images/wzs25.jpg


BIN
public/WZSBWG/images/wzs26.jpg


BIN
public/WZSBWG/images/wzs27.jpg


BIN
public/WZSBWG/images/wzs28.jpg


BIN
public/WZSBWG/images/wzs29.jpg


BIN
public/WZSBWG/images/wzs30.jpg


BIN
public/WZSBWG/images/wzs31.jpg


BIN
public/WZSBWG/images/wzs32.jpg


BIN
public/WZSBWG/images/wzs33.jpg


BIN
public/WZSBWG/images/wzs34.jpg


BIN
public/WZSBWG/images/wzs35.jpg


BIN
public/WZSBWG/images/wzs36.jpg


BIN
public/WZSBWG/images/wzs37.jpg


BIN
public/WZSBWG/images/wzs38.jpg


BIN
public/WZSBWG/images/wzs39.jpg


BIN
public/WZSBWG/images/wzs40.jpg


BIN
public/WZSBWG/images/wzs41.jpg


BIN
public/WZSBWG/images/wzs42.jpg


BIN
public/WZSBWG/images/wzs43.jpg


BIN
public/WZSBWG/images/wzs44.jpg


BIN
public/WZSBWG/images/wzs45.jpg


BIN
public/WZSBWG/images/wzs46.jpg


BIN
public/WZSBWG/images/wzs47.jpg


BIN
public/WZSBWG/images/wzs48.jpg


BIN
public/WZSBWG/img/bigBac.png


BIN
public/WZSBWG/img/divBac.png


BIN
public/WZSBWG/img/info-bg.png


BIN
public/WZSBWG/img/line-bg.jpg


BIN
public/WZSBWG/img/music-off.png


BIN
public/WZSBWG/img/music-on.png


BIN
public/WZSBWG/img/titleBac.png


+ 34 - 10
public/4dage/index.html

@@ -8,12 +8,35 @@
     <link rel=icon type=image/png sizes=32x32 href='./images/favicon.png' class=keep>
     <link rel="stylesheet" href="./css/reset.css">
     <link rel="stylesheet" href="./css/main.css">
-    <title>文物展示</title>
+    <title>吴忠博物馆</title>
 </head>
+<style>
+    .myTitle {
+        letter-spacing:4px;
+        margin: 0 auto;
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 270px;
+        height: 50px;
+        background: url('./img/titleBac.png') no-repeat center;
+        background-size: 100% 100%;
+    }
+
+    .containers {
+        padding-top: 40px;
+        width: 100vw;
+        max-width: 1080px;
+        /* height: 100vh; */
+        background-color: #285b5e;
+    }
+</style>
 
 <body>
     <div class="containers">
-        <p class="con-title">文物展示</p>
+        <div class="myTitle">吴忠博物馆</div>
+        <!-- <p class="con-title">吴忠博物馆</p> -->
         <ul class="con">
             <!-- <li>
                 <div class="case">
@@ -27,17 +50,18 @@
         </ul>
     </div>
     <script>
-        let yp_num = ['nCR01','nCR02','nCR03','nCR04','nCR05']
-        // let notIn = [82,85,87,88,96,107,111,112,113,114,115,117,118]
-        //     for (let i = 0; i < 126; i++) {
-        //         if (!notIn.includes(i+1)) {
-        //             yp_num.push('jgs'+String(i+1).padStart(2,'0'))
-        //         }
-        //     }
+        let yp_num = []
+        let notIn = []
+            for (let i = 0; i < 48; i++) {
+                if (!notIn.includes(i+1)) {
+                    yp_num.push('wzs'+String(i+1).padStart(2,'0'))
+                }
+            }
+        console.log('数组长度:', yp_num.length);
     </script>
     <script src="js/jquery.js"></script>
     <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-    <script src="js/weixin.js"></script>
+    <!-- <script src="js/weixin.js"></script> -->
     <script src="js/info.js"></script>
     <script src="js/ui.js"></script>
 </body>

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
public/WZSBWG/js/4dage.js


public/4dage/js/browser.min.js → public/WZSBWG/js/browser.min.js


public/4dage/js/data.js → public/WZSBWG/js/data.js


+ 109 - 0
public/WZSBWG/js/info.js

@@ -0,0 +1,109 @@
+
+
+let modelInfos = {
+}
+let raw = [
+// 1
+'唐黑彩兽面塔式罐',
+// 2
+'唐瓜棱形黑釉瓷执壶',
+// 3
+'汉绳纹灰陶瓮',
+// 4
+'唐铜跨饰件',
+// 5
+'汉彩绘陶鳄鱼',
+// 6
+'汉铜印章',
+// 7
+'汉三足铜行灯',
+// 8
+'汉玉串珠',
+// 9
+'汉绿釉双耳陶杯',
+// 10
+'汉彩绘陶鸡',
+// 11
+'汉彩绘鸮尊',
+// 12
+'彩绘陶熊',
+// 13
+'汉陶象',
+// 14
+'汉吹奏灰陶俑',
+// 15
+'汉黑彩陶俑',
+// 16
+'汉灰陶母子俑',
+// 17
+'汉吹箫灰陶俑',
+// 18
+'汉铅质当卢',
+// 19
+'汉彩绘双耳陶杯',
+// 20
+'汉彩绘三足陶奁',
+// 21
+'汉双耳彩绘陶鼎',
+// 22
+'汉灰陶井',
+// 23
+'汉彩绘陶鸭',
+// 24
+'汉灰陶鱼',
+// 25
+'汉彩绘陶鸳鸯',
+// 26
+'汉彩绘陶鸳鸯',
+// 27
+'汉蹲踞状灰陶狗',
+// 28
+'汉彩绘陶牛',
+// 29
+'汉昭明镜',
+// 30
+'清窑变釉八方瓷瓶',
+// 31
+'汉红陶马首',
+// 32
+'清刻铭文铁钟',
+// 33
+'汉双系三足铜鼎',
+// 34
+'唐鎏金铜铺首衔环',
+// 35
+'唐鎏金铜泡钉',
+// 36
+'唐白釉瓷碗',
+// 37
+'汉陶制四合院',
+// 38
+'汉铜龟形灶',
+// 39
+'汉灰陶舞俑',
+// 40
+'汉倒立灰陶俑',
+// 41
+'汉灰陶站立俑',
+// 42
+'汉彩绘朱雀灯',
+// 43
+'唐吕氏夫人墓志',
+// 44
+'唐鎏金开元通宝',
+// 45
+'汉动物纹黄釉陶罐',
+// 46
+'汉灰陶俑',
+// 47
+'新石器时代红陶鬲',
+// 48
+'汉熊足黄釉陶仓',
+
+]
+console.log('名字长度:', raw.length);
+raw.forEach((item, i) => {
+  modelInfos[yp_num[i]] = {
+    name: item
+  }
+})

public/4dage/js/jquery.js → public/WZSBWG/js/jquery.js


+ 84 - 0
public/WZSBWG/js/model.js

@@ -0,0 +1,84 @@
+(function () {    
+    let v = getQueryVariable('v');
+    let m = getQueryVariable('m');
+    let objData = modelInfos[m];
+    let name = document.querySelector('#name');
+    let time = document.querySelector('#time');
+    let size = document.querySelector('#size');
+    let texture = document.querySelector('#texture');
+    let keep = document.querySelector('#keep');
+    let num = document.querySelector('#num');
+    /* let excavated_time = document.querySelector('#excavated_time'); */
+    let level = document.querySelector('#level');
+    let unit = document.querySelector('#unit');
+   /*  let content = document.querySelector('#content');
+    let audio = document.querySelector('#audio'); */
+
+
+    name.innerHTML = objData.name;
+    time.innerHTML = "年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;代:" + objData.time;
+    size.innerHTML = "尺&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;寸:" + objData.size;
+    texture.innerHTML = "质&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地:" + objData.texture;
+    keep.innerHTML = "保存现状:" + objData.keep;
+    num.innerHTML = "数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量:" + objData.num;
+   /*  excavated_time.innerHTML = "来&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;源:" + objData.excavated_time; */
+    level.innerHTML = "级&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:" + objData.level;
+    unit.innerHTML = "收藏单位:" + objData.unit;
+    /* objData.content.forEach(function(v){
+        var p = document.createElement('p');
+        p.innerHTML = v ;
+        content.appendChild(p);
+    }) */
+    /* let baseUrl = './voices/';
+    audio.src = baseUrl + objData.voice +'.mp3'; */
+    //音频自动播放
+    function autoPlayAudio() {
+        wx.config({
+            // 配置信息, 即使不正确也能使用 wx.ready
+            debug: false,
+            appId: '',
+            timestamp: 1,
+            nonceStr: '',
+            signature: '',
+            jsApiList: []
+        });
+        wx.ready(function() {
+            audio.play();
+        });
+        document.addEventListener("WeixinJSBridgeReady", function () {  
+            audio.play();  
+        }, false); 
+        document.addEventListener('touchstart', function(){
+            audio.play();
+            document.removeEventListener('touchstart',arguments.callee);//严格模式下无法适用
+        }, false); 
+    }
+   /*  autoPlayAudio(); */
+    $(".bg-audio").click(function(){
+        console.log(audio.paused);
+        if(audio.paused){
+            $(".bg-audio").css('background','url(images/bgmusic-play-icon.png)center/100% no-repeat');
+            audio.play();
+        }else {
+            audio.pause();
+            console.log(audio.paused)
+            $(".bg-audio").css('background','url(images/bgmusic-close-icon.png)center/100% no-repeat')
+        }
+    })
+    
+   /*  content.innerHTML = objData.content; */
+    $("#iconInfo").click(function(){
+        console.log("111")
+        if($(this).attr("data-info")==0){
+            $("#introductionWrap").css("display","flex"); 
+            $("#introductionWrap").addClass("fadeInRight");             
+             $("#introductionWrap").removeClass("fadeOutRight");            
+            $(this).attr("data-info",1);
+        }else {
+             $("#introductionWrap").addClass("fadeOutRight");             
+             $("#introductionWrap").removeClass("fadeInRight");             
+             $(this).attr("data-info",0)
+        }
+        
+    })
+})()

+ 37 - 0
public/WZSBWG/js/ui.js

@@ -0,0 +1,37 @@
+(function () {
+    let fragment = document.createDocumentFragment();
+
+    // 获取地址栏信息
+    let GetQueryString = (name) => {
+        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+        let r = window.location.search.substr(1).match(reg);
+        if (r != null) return unescape(r[2]);
+        return "";
+    }
+    let temp = GetQueryString('m')
+
+    for (let i = 0; i < yp_num.length; i++) {
+        let li = document.createElement('li');
+        let divWrap = document.createElement('div');
+        let a = document.createElement('a');
+        let div = document.createElement('div');
+        let p = document.createElement("p");
+        divWrap.classList.add('case');
+        a.classList.add('link-a');
+        // 判断地址栏有没有参数,有的话就跳Model2,没有logo
+        if(temp) a.href = `Model2.html?m=${yp_num[i]}`;
+        else a.href = `Model.html?m=${yp_num[i]}`;
+        div.classList.add('card-img');
+        div.style = `background-image: url(images/${yp_num[i]}.jpg)`;
+        let key = yp_num[i];
+        p.innerHTML = modelInfos[key].name;
+        a.appendChild(div);
+        divWrap.appendChild(a);
+        li.appendChild(divWrap);
+        li.appendChild(p);
+        fragment.appendChild(li);
+    }
+    let ul = document.querySelector('.con');
+    ul.appendChild(fragment);
+
+})()

public/4dage/js/weixin.js → public/WZSBWG/js/weixin.js


Разница между файлами не показана из-за своего большого размера
+ 54 - 0
public/WZSBWG/js/wxinfo.js


+ 62 - 0
public/WZSBWG/wx.html

@@ -0,0 +1,62 @@
+
+<!DOCTYPE html>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport"
+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png" class="keep">
+<link rel="stylesheet" href="css/wechat.css">
+<html>
+
+<head>
+    <title>吴忠博物馆</title>
+    <script src="js/4dage.js"></script>
+    <style>
+        html {
+            overflow: hidden;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="ui">
+        <div class="top-name" id="title"></div>
+        <div class="audio" id="audio-icon"></div>
+        <div class="bottom-description">
+            <div class="inner">
+                <div class="item size"><span>尺&emsp;&emsp;寸:</span><p id="size"></p></div>
+                <div class="item grade"><span>级&emsp;&emsp;别:</span><p id="grade"></p></div>
+                <div class="item unit"><span>收藏单位:</span><p id="unit">吴忠博物馆</p></div>
+                <div class="item info"><span>文物描述:</span><p id="info"></p></div>
+            </div>
+            
+        </div>
+        <span id="companyText" class="loading animated ">四维时代提供技术支持</span>
+    </div>
+    <script src="js/jquery.js"></script>
+    <script type="text/javascript" src="js/wxinfo.js"></script>
+    <script>
+         var number = getQueryVariable("m");
+       /*  window.autoRotate = true; */   // 是否自动旋转
+        
+        fdage.embed('4dage/'+ number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });
+        // marmoset.embed('4dage/' + number + '.4dage', { width: 800, height: 600, autoStart: true, fullFrame: true, pagePreset: false });       
+        var URL=window.location.href;        
+        var title= document.getElementById("title");
+        console.log(name)
+        var size= document.getElementById("size");
+        var grade= document.getElementById("grade");
+        var info= document.getElementById("info");
+        list.forEach((item,index)=>{
+            
+        if(item.img==number) {
+            console.log(item)
+            title.innerHTML=item.name;
+            size.innerHTML=item.size;
+            grade.innerHTML=item.grade;
+            info.innerHTML=item.description;
+        }
+    })
+    </script>
+</body>
+
+</html>

BIN
public/WZSBWG/wx/images/bg-inner.png


BIN
public/WZSBWG/wx/images/bg.png


BIN
public/WZSBWG/wx/images/button.png


BIN
public/WZSBWG/wx/images/center-img.png


BIN
public/WZSBWG/wx/images/list-title-bg.png


BIN
public/WZSBWG/wx/images/logo.png


BIN
public/WZSBWG/wx/images/nav-bg.png


BIN
public/WZSBWG/wx/images/search-icon.png


BIN
public/WZSBWG/wx/images/title.png


+ 4 - 4
public/static/css/css/main.css

@@ -831,7 +831,7 @@ hr {
 
 .icon-fullscreen-exit:before {
     content: "";
-    background: url("https://super.4dage.com/images/narrow_off.png") center top no-repeat;
+    background: url("../../images/narrow_off.png") center top no-repeat;
     background-size: 100%;
     display: inline-block;
     width: 24px;
@@ -840,7 +840,7 @@ hr {
 
 .icon-fullscreen:before {
     content: "";
-    background: url("https://super.4dage.com/images/enlarge_on.png")center top no-repeat;
+    background: url("../../images/enlarge_on.png")center top no-repeat;
     background-size: 100%;
     display: inline-block;
     width: 24px;
@@ -3713,7 +3713,7 @@ a.hasHover:hover, a:active {
 .gui-floor-icon {
     width: 32px;
     height: 29px;
-    background: url("https://super.4dage.com/images/floor-icon.png") left top no-repeat;
+    background: url("../../images/floor-icon.png") left top no-repeat;
     background-size: 98%;
 }
 
@@ -6346,7 +6346,7 @@ a.hasHover.tag-link:hover {
     display: block;
     width: 18px;
     height: 18px;
-    background: url("https://super.4dage.com/images/4dage-logo.png")left top no-repeat;
+    background: url("../../images/4dage-logo.png")left top no-repeat;
     background-size: 100%;
 }
 

+ 1 - 1
public/static/css/css/oldVer/main0.css

@@ -52,7 +52,7 @@ iframe{
 	opacity:0.1; 
 }
 #closepop {
-	background: url(https://super.4dage.com/images/close1.png) no-repeat;
+	background: url('../../../images/close1.png') no-repeat;
 	width: 60px;
 	height: 60px;
 	cursor: pointer;

+ 1 - 1
public/static/css/oldVer/main0.css

@@ -52,7 +52,7 @@ iframe{
 	opacity:0.1; 
 }
 #closepop {
-	background: url(https://super.4dage.com/images/close1.png) no-repeat;
+	background: url('../../images/close1.png') no-repeat;
 	width: 60px;
 	height: 60px;
 	cursor: pointer;

+ 0 - 0
public/static/js/Hot.js


Некоторые файлы не были показаны из-за большого количества измененных файлов