Home Explore Help
Register Sign In
shaogen1995
/
518-JSSWLT
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

upp

shaogen1995 2 years ago
parent
2934121efa
commit
627ce73548
26 changed files with 674 additions and 1375 deletions
Unified View Show Diff Stats
  1. 0 55
      H5场景/public/4dage/Model.html
  2. 0 301
      H5场景/public/4dage/css/index.css
  3. 0 156
      H5场景/public/4dage/css/main.css
  4. 0 59
      H5场景/public/4dage/css/reset.css
  5. 0 272
      H5场景/public/4dage/css/wx.css
  6. 0 45
      H5场景/public/4dage/index.html
  7. 0 1
      H5场景/public/4dage/js/4dage.js
  8. 0 30
      H5场景/public/4dage/js/browser.min.js
  9. 0 152
      H5场景/public/4dage/js/data.js
  10. 0 18
      H5场景/public/4dage/js/info.js
  11. 0 4
      H5场景/public/4dage/js/jquery.js
  12. 0 0
      H5场景/public/4dage/js/model.js
  13. 0 26
      H5场景/public/4dage/js/ui.js
  14. 0 131
      H5场景/public/4dage/js/weixin.js
  15. 479 72
      H5场景/public/static/css/main.css
  16. BIN
      H5场景/public/static/images/4dagePoint.png
  17. BIN
      H5场景/public/static/images/4dagePoint2.png
  18. BIN
      H5场景/public/static/images/marker-256x256.png
  19. BIN
      H5场景/public/static/images/reticule-256x256.png
  20. 5 17
      H5场景/public/static/js/loadCAD.js
  21. 1 0
      H5场景/src/assets/img/mapIcon.svg
  22. 10 1
      H5场景/src/assets/style/myBase.css
  23. 16 1
      H5场景/src/assets/style/myBase.less
  24. 97 0
      H5场景/src/assets/style/public.css
  25. 1 14
      H5场景/src/assets/style/public.less
  26. 65 20
      H5场景/src/views/gui/menu.vue

+ 0 - 55
H5场景/public/4dage/Model.html
View File 

@@ -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 - 301
H5场景/public/4dage/css/index.css
View File 

@@ -1,301 +0,0 @@
 
-html, body {
 
-    width: 100%;
 
-    height: 100%;
 
-    font-family: PingFangSC-Regular, sans-serif;
 
-}
 
-
 
-html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
 
-    margin: 0;
 
-    padding: 0;
 
-}
 
-
 
-/* ::-webkit-scrollbar {
 
-    display: none;
 
-} */
 
-
 
-iframe {
 
-    width: 100%;
 
-    height: 100%;
 
-}
 
-
 
-#ui {
 
-    position: absolute;
 
-    display: flex;
 
-    justify-content: space-between;
 
-    align-items: center;
 
-    flex-direction: column;
 
-    width: 100%;
 
-    height: 100%;
 
-    /* color: #494949; */
 
-    letter-spacing: 3px;
 
-}
 
-
 
-#logoText {
 
-    z-index: 1;
 
-    position: absolute;
 
-    bottom: 20px;
 
-    font-size: 18px;
 
-    font-weight: 100;
 
-    letter-spacing: 4px;
 
-}
 
-
 
-.switch-btn-Wrap {
 
-    z-index: 1;
 
-    position: absolute;
 
-    top: 20px;
 
-    right: 20px;
 
-}
 
-
 
-.switch-btn-Wrap img {
 
-    width: 75px;
 
-    ;
 
-}
 
-
 
-#objName {
 
-    z-index: 1;
 
-    position: absolute;
 
-    top: 20px;
 
-    left: 32px;
 
-    font-size: 22px;
 
-    font-weight: 100;
 
-    letter-spacing: 4px;
 
-    color: #ffffff;
 
-}
 
-
 
-#iconWrap {
 
-    position: absolute;
 
-    bottom: 30px;
 
-    width: 200px;
 
-    display: flex;
 
-    justify-content: center;
 
-    z-index: 1;
 
-}
 
-
 
-.mar-right {
 
-    margin-right: 120px;
 
-}
 
-
 
-#iconLeft {
 
-    cursor: not-allowed;
 
-}
 
-
 
-#iconRight {
 
-    cursor: pointer;
 
-}
 
-
 
-#introductionWrap{
 
-    position: absolute;
 
-    z-index: 1;
 
-    display: flex;
 
-    flex-direction: column;
 
-    left: 20px;
 
-    text-align: left;
 
-    top: 20px;
 
-    font-size: 16px;
 
-    color: #ffffff;
 
-    font-weight: 100;
 
-    line-height: 30px;
 
-    letter-spacing: 2px;
 
-    width: 500px;
 
-    display:none;
 
-}
 
-#companyText{
 
-    position: absolute;
 
-    z-index: 1;
 
-    font-size: 16px;
 
-    color:rgb(153, 153, 153);
 
-    font-weight: 100;
 
-    left: 50%;
 
-    transform: translateX(-50%);
 
-    bottom: 20px;
 
-    letter-spacing: 1px;
 
-    text-shadow:rgb(51, 51, 51) 0px 1px 1px;
 
-}
 
-.bg-audio {
 
-    display:block;
 
-    position:absolute;
 
-    bottom:30px;
 
-    right:10px;
 
-    width:30px;
 
-    height:30px;
 
-    background:url(../images/bgmusic-play-icon.png)center/100% no-repeat;
 
-    z-index:99;
 
-}
 
-.iconHome{
 
-    top:30px;
 
-}
 
-.iconMenu {
 
-    position:absolute;
 
-    z-index:2;
 
-    right:52px;
 
-    display:flex;
 
-    align-items: center;
 
-    flex-direction: column;
 
-    text-align: center;
 
-}
 
-.iconInfo {
 
-    top:150px;
 
-}
 
-.iconMenu span {
 
-    color:#fff;
 
-}
 
-#time, #size, #content,#excavated_time{
 
-    margin-top: 8px;
 
-}
 
-#content p {
 
-    text-indent:2em;
 
-}
 
-@media screen and (max-width: 600px) {
 
-     #introductionWrap {
 
-        width:70%;
 
-        height:60%;
 
-        overflow-y:scroll;
 
-        position:absolute;
 
-        margin:0 auto;
 
-        top:10%;
 
-        font-size:14px;
 
-        line-height: 20px;
 
-        display:none;
 
-    }
 
-    #time, #size, #content,#excavated_time {
 
-        margin-top:4px;
 
-    }
 
-    #content {
 
-       
-    }
 
-    #name {
 
-        font-weight:bold;
 
-    }
 
-    #iconAction {
 
-        position:absolute;
 
-        z-index:99;
 
-    }
 
-    .iconMenu {
 
-        width:60px;
 
-        right:10px;
 
-    }
 
-    .iconMenu img {
 
-        width:50%;
 
-    }
 
-    .iconHome {
 
-
 
-    }
 
-    .iconInfo {
 
-        top:90px;
 
-    }
 
-    .iconMenu span {
 
-        font-size:10px;
 
-    }
 
-    #iconWrap {
 
-        width:50%;
 
-        z-index:2;
 
-
 
-    }
 
-    #iconLeft,#iconRight {
 
-        width:30px;
 
-        height:30px;
 
-    }
 
-    #companyText{
 
-        font-size:13px;
 
-    }
 
-}
 
-@media only screen and (max-height:480px) {
 
-    .center img, .center-first img {
 
-        width: 52vw;
 
-        max-width: 250px;
 
-        max-height: 110px;
 
-    }
 
-    .center:nth-child(8) img {
 
-        width: 30vw;
 
-        max-width: 153px;
 
-        max-height: 127px;
 
-    }
 
-    .center:nth-child(17) img {
 
-        width: 30vw;
 
-        max-width: 165px;
 
-        max-height: 176px;
 
-    }
 
-   
-}
 
-.animated {
 
-    -webkit-animation-duration:1s;
 
-    animation-duration:1s;
 
-    -webkit-animation-fill-mode:both;
 
-    animation-fill-mode:both
 
-}
 
-@-webkit-keyframes fadeInRight {
 
-    0% {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(100%, 0, 0);
 
-        transform:translate3d(100%, 0, 0)
 
-    }
 
-    to {
 
-        opacity:1;
 
-        -webkit-transform:translateZ(0);
 
-        transform:translateZ(0)
 
-    }
 
-}
 
-@keyframes fadeInRight {
 
-    0% {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(100%, 0, 0);
 
-        transform:translate3d(100%, 0, 0)
 
-    }
 
-    to {
 
-        opacity:1;
 
-        -webkit-transform:translateZ(0);
 
-        transform:translateZ(0)
 
-    }
 
-}
 
-.fadeInRight {
 
-    -webkit-animation-name:fadeInRight;
 
-    animation-name:fadeInRight
 
-}
 
-
 
-@-webkit-keyframes fadeOutRight {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(100%, 0, 0);
 
-        transform:translate3d(100%, 0, 0)
 
-    }
 
-}
 
-@keyframes fadeOutRight {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(100%, 0, 0);
 
-        transform:translate3d(100%, 0, 0)
 
-    }
 
-}
 
-.fadeOutRight {
 
-    -webkit-animation-name:fadeOutRight;
 
-    animation-name:fadeOutRight
 
-}
 
-
 
-@-webkit-keyframes fadeOut {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0
 
-    }
 
-}
 
-@keyframes fadeOut {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0
 
-    }
 
-}
 
-.fadeOut {
 
-    -webkit-animation-name:fadeOut;
 
-    animation-name:fadeOut;
 
-    -webkit-animation-duration:2s;
 
-    animation-duration: 2s;
 
-}

+ 0 - 156
H5场景/public/4dage/css/main.css
View File 

@@ -1,156 +0,0 @@
 
-body {
 
-    background: #dddada;
 
-    font-family: '微软雅黑';
 
-}
 
-
 
-.containers {
 
-    width: 1080px;
 
-    /* overflow: hidden; */
 
-    min-height: 80vh;
 
-    margin: 0 auto;
 
-}
 
-
 
-.con-title {
 
-    font-size: 24px;
 
-    background: #f9fafc;
 
-    text-align: center;
 
-    font-weight: bold;
 
-    padding-top: 40px;
 
-}
 
-
 
-.con {
 
-    /* width: 100%; */
 
-    height: auto;
 
-    overflow: hidden;
 
-    background: #f9fafc;
 
-    margin: 0 auto 0;
 
-    display: flex;
 
-    flex-wrap: wrap;
 
-    padding: 20px 2%;
 
-    justify-content: center;
 
-}
 
-
 
-.con li {
 
-    text-align: center;
 
-    width: 30%;
 
-    display: inline-block;
 
-    margin: 25px 10px;
 
-}
 
-
 
-.case {
 
-    padding: 10px;
 
-    background: #fff;
 
-    border-radius: 10px;
 
-    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
 
-    transition: all 0.3s;
 
-}
 
-
 
-.case:hover {
 
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.6);
 
-    transform: translateY(-15px);
 
-}
 
-
 
-.case .card-img {
 
-    width: 100%;
 
-    height: 180px;
 
-    background-repeat: no-repeat;
 
-    background-size: cover;
 
-    background-position: top center;
 
-}
 
-
 
-.con li p {
 
-    margin-top: 10px;
 
-    font-size: 18px;
 
-    font-weight: 100;
 
-}
 
-
 
-.link-a {
 
-    width: 100%;
 
-    height: 100%;
 
-    display: inline-block;
 
-}
 
-
 
-#introductionWrap{
 
-    position: absolute;
 
-    z-index: 1;
 
-    display: flex;
 
-    flex-direction: column;
 
-    right: 20px;
 
-    text-align: right;
 
-    top: 20px;
 
-    font-size: 18px;
 
-    color: #ffffff;
 
-    font-weight: 100;
 
-    line-height: 30px;
 
-    letter-spacing: 2px;
 
-}
 
-#companyText{
 
-    position: absolute;
 
-    z-index: 1;
 
-    font-size: 16px;
 
-    color:rgb(153, 153, 153);
 
-    font-weight: 100;
 
-    left: 50%;
 
-    transform: translateX(-50%);
 
-    bottom: 20px;
 
-    letter-spacing: 1px;
 
-    text-shadow:rgb(51, 51, 51) 0px 1px 1px;
 
-}
 
-@media screen and (max-width: 600px) {
 
-    .containers {
 
-        width: 100%;
 
-    }
 
-    .con {
 
-        padding: 0;
 
-    }
 
-    .case .card-img {
 
-        background-size: auto 100%;
 
-        height: 90px;
 
-    }
 
-    .con li {
 
-        width: 44%;
 
-    }
 
-    #introductionWrap{
 
-        position: absolute;
 
-        z-index: 1;
 
-        display: flex;
 
-        flex-direction: column;
 
-        right: 10px;
 
-        text-align: right;
 
-        top: 16px;
 
-        font-size: 16px;
 
-        color: #ffffff;
 
-        font-weight: 100;
 
-        line-height: 28px;
 
-        letter-spacing: 1px;
 
-    }
 
-    /* .con li p {
 
-        font-size: 16px;
 
-    } */
 
-}
 
-
 
-.hide{
 
-    display: none;
 
-}
 
-
 
-#companyText{
 
-    position: absolute;
 
-    z-index: 1;
 
-    font-size: 16px;
 
-    font-weight: 100;
 
-    left: 50%;
 
-    transform: translateX(-50%);
 
-    bottom: 20px;
 
-    letter-spacing: 1px;
 
-}
 
-
 
-
 
-@media screen and (max-width: 320px) {
 
-    .con li {
 
-        width: 43%;
 
-    }
 
-    .con li p {
 
-        font-size: 16px;
 
-        font-weight: 100;
 
-    }
 
-}

+ 0 - 59
H5场景/public/4dage/css/reset.css
View File 

@@ -1,59 +0,0 @@
 
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
 
-   License: none (public domain)
 
-*/
 
-
 
-html, body, div, span, applet, object, iframe,
 
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-a, abbr, acronym, address, big, cite, code,
 
-del, dfn, em, img, ins, kbd, q, s, samp,
 
-small, strike, strong, sub, sup, tt, var,
 
-b, u, i, center,
 
-dl, dt, dd, ol, ul, li,
 
-fieldset, form, label, legend,
 
-table, caption, tbody, tfoot, thead, tr, th, td,
 
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
 
-time, mark, audio, video {
 
-	margin: 0;
 
-	padding: 0;
 
-	border: 0;
 
-	font-size: 100%;
 
-	font: inherit;
 
-	vertical-align: baseline;
 
-}
 
-/* HTML5 display-role reset for older browsers */
 
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section, main {
 
-	display: block;
 
-}
 
-a{
 
-  text-decoration: none;
 
-  color: #000;
 
-}
 
-body {
 
-	line-height: 1;
 
-}
 
-ol, ul {
 
-	list-style: none;
 
-}
 
-blockquote, q {
 
-	quotes: none;
 
-}
 
-blockquote:before, blockquote:after,
 
-q:before, q:after {
 
-	content: '';
 
-	content: none;
 
-}
 
-table {
 
-	border-collapse: collapse;
 
-	border-spacing: 0;
 
-}
 
-button{outline:none;}
 
-input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
 
-        -webkit-appearance:textfield;
 
-}
 
-input[type="number"]{
 
-        -moz-appearance:textfield;
 
-}

+ 0 - 272
H5场景/public/4dage/css/wx.css
View File 

@@ -1,272 +0,0 @@
 
-html, body {
 
-    width: 100%;
 
-    height: 100%;
 
-    font-family: PingFangSC-Regular, sans-serif;
 
-}
 
-* {
 
-    margin:0;
 
-    padding:0;
 
-    list-style-type:none;
 
-    box-sizing:border-box
 
-}
 
-html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
 
-    margin: 0;
 
-    padding: 0;
 
-}
 
-img {
 
-    max-width:100%;
 
-}
 
-/* ::-webkit-scrollbar {
 
-    display: none;
 
-} */
 
-.flexs {
 
-    display:flex;
 
-    justify-content: space-between;
 
-    align-items:center;
 
-}
 
-.flex {
 
-    display:flex;
 
-    justify-content: center;
 
-    align-items:center;
 
-}
 
-iframe {
 
-    width: 100%;
 
-    height: 100%;
 
-}
 
-#ui {
 
-    position: absolute;
 
-    display: flex;
 
-    justify-content: space-between;
 
-    align-items: center;
 
-    flex-direction: column;
 
-    width: 100%;
 
-    height: 100%;
 
-    /* color: #494949; */
 
-    letter-spacing: 3px;
 
-}
 
-.antique-name {
 
-    font-size:20px;
 
-    text-align:center;
 
-    color:#fff;
 
-    width:70%;
 
-    margin:21vw auto 0;
 
-}
 
-.comment_wrapper {
 
-    position:relative;
 
-    z-index:9999;
 
-    width:83vw;
 
-    margin:0 auto;
 
-    display:none;
 
-}
 
-.introductionWrap {
 
-    width:100%;
 
-    background:#1d1d1d;
 
-    height:28vw;   
-    font-size:12px;
 
-    color:#ffffffba;
 
-    padding:4vw;
 
-
 
-}
 
-.introductionWrap .introduction {
 
-    overflow:scroll;
 
-    height: 100%;
 
-}
 
-.bg-audio {
 
-    display:block;
 
-    position:absolute;
 
-    z-index:2;
 
-    top:8.5vw;
 
-    right:7.4vw;
 
-    width:7.4vw;
 
-    height:7.4vw;
 
-    background:url(../images/bgmusic_icon_play.png)center/100% no-repeat;
 
-}
 
-.iconAction {
 
-    position:relative;
 
-    width:100%;
 
-
 
-    
-}
 
-.iconAction ul {
 
-    position: relative;
 
-    z-index: 999;
 
-    width:100%;
 
-    padding:0 17.6vw 9vw;
 
-;
 
-}
 
-.iconAction ul li {
 
-    width:12vw;
 
-    text-align:center;
 
-    cursor:pointer;
 
-}
 
-.iconAction ul li i{
 
-    display:block;
 
-    width:9vw;
 
-    height:9vw;
 
-    width:12vw;
 
-    margin:0 auto;
 
-}
 
-/* .iconAction ul li i.explain_icon{
 
-    background:url(../images/explain_icon.png)center/100% no-repeat;
 
-}
 
-.iconAction ul li i.explain_icon2{
 
-    background:url(../images/explain_icon2.png)center/100% no-repeat;
 
-} */
 
-#explain.active p{
 
-    color:#9a2e2c;
 
-}
 
-#explain .explain_icon {
 
-    background:url(../images/explain_icon.png)center/100% no-repeat;
 
-}
 
-#explain.active .explain_icon {
 
-    background:url(../images/explain_icon2.png)center/100% no-repeat;
 
-}
 
-.iconAction ul li i.comment_icon{
 
-    background:url(../images/comment_icon.png)center/100% no-repeat;
 
-}
 
-#favorite .favorite_icon {
 
-    background:url(../images/favorite_icon1.png)center/100% no-repeat;
 
-}
 
-#favorite.active p {
 
-    color:#9a2e2c;
 
-}
 
-#favorite.active .favorite_icon {
 
-    background:url(../images/favorite_icon2.png)center/100% no-repeat;
 
-    
-}
 
-/* .iconAction ul li i.favorite_icon1{
 
-    background:url(../images/favorite_icon1.png)center/100% no-repeat;
 
-}
 
-.iconAction ul li i.favorite_icon2{
 
-    background:url(../images/favorite_icon2.png)center/100% no-repeat;
 
-} */
 
-.iconAction ul li p {
 
-    font-size:16px;
 
-    color:#fff;
 
-}
 
-.info_voice {
 
-    margin:0 auto;
 
-    text-align:center;    
-}
 
-.audio_controls .icon_play {
 
-    display:inline-block;
 
-    width:3.4vw;
 
-    margin-right:5px;
 
-}
 
-.audio_controls .progress {
 
-    position:relative;
 
-    display:inline-block;
 
-    width:60vw;
 
-    background:#fff;
 
-    height:2px;
 
-}
 
-.audio_controls .progress i {
 
-    position:absolute;
 
-    top:-3px;
 
-    left:0;
 
-    display:inline-block;
 
-    width:8px;
 
-    height:8px;
 
-    background:#fff;
 
-    border-radius:4px;
 
-    -webkit-border-radius:4px;
 
-}
 
-.audio_controls .audio_time {
 
-    font-size:10px;
 
-    color:#fff;
 
-    margin-left:5px;
 
-}
 
-/* audio::-webkit-media-controls-panel {
 
-    background:rgba(255,255,255,1);
 
-}
 
-audio::-webkit-media-controls-mute-button {}
 
-audio::-webkit-media-controls-play-button {}
 
-audio::-webkit-media-controls-timeline-container {
 
-    background:none;
 
-}
 
-audio::-webkit-media-controls-current-time-display {}
 
-audio::-webkit-media-controls-time-remaining-display {}
 
-audio::-webkit-media-controls-timeline {}
 
-audio::-webkit-media-controls-volume-slider-container {
 
-    background:none;
 
-}
 
-audio::-webkit-media-controls-volume-slider {}
 
-audio::-webkit-media-controls-seek-back-button {}
 
-audio::-webkit-media-controls-seek-forward-button {}
 
-audio::-webkit-media-controls-fullscreen-button {}
 
-audio::-webkit-media-controls-rewind-button {}
 
-audio::-webkit-media-controls-return-to-realtime-button {}
 
-audio::-webkit-media-controls-toggle-closed-captions-button {} */
 
-.animated {
 
-    -webkit-animation-duration:1s;
 
-    animation-duration:1s;
 
-    -webkit-animation-fill-mode:both;
 
-    animation-fill-mode:both
 
-}
 
-@-webkit-keyframes fadeInBottom {
 
-    0% {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(0, 100%, 0);
 
-        transform:translate3d(0, 100%, 0)
 
-    }
 
-    to {
 
-        opacity:1;
 
-        -webkit-transform:translateZ(0);
 
-        transform:translateZ(0)
 
-    }
 
-}
 
-@keyframes fadeInBottom {
 
-    0% {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(0, 100%, 0);
 
-        transform:translate3d(0, 100%, 0)
 
-    }
 
-    to {
 
-        opacity:1;
 
-        -webkit-transform:translateZ(0);
 
-        transform:translateZ(0)
 
-    }
 
-}
 
-.fadeInBottom {
 
-    -webkit-animation-name:fadeInBottom;
 
-    animation-name:fadeInBottom
 
-}
 
-
 
-@-webkit-keyframes fadeOutBottom {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(0, 100%, 0);
 
-        transform:translate3d(0, 100%, 0)
 
-    }
 
-}
 
-@keyframes fadeOutBottom {
 
-    0% {
 
-        opacity:1
 
-    }
 
-    to {
 
-        opacity:0;
 
-        -webkit-transform:translate3d(0, 100%, 0);
 
-        transform:translate3d(0, 100%, 0)
 
-    }
 
-}
 
-.fadeOutBottom {
 
-    -webkit-animation-name:fadeOutBottom;
 
-    animation-name:fadeOutBottom
 
-}
 
-
 
-.musicRotate {
 
-    -webkit-animation: musicRotate 5s linear infinite;
 
-    animation: musicRotate 5s linear infinite;
 
-} 
-@keyframes musicRotate {
 
-    from {
 
-        transform: rotate(0deg);
 
-      }
 
-      to {
 
-        transform: rotate(360deg);
 
-        transition: all 5s;
 
-      }
 
-}

+ 0 - 45
H5场景/public/4dage/index.html
View File 

@@ -1,45 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-    <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>
 
-</head>
 
-
 
-<body>
 
-    <div class="containers">
 
-        <p class="con-title">文物展示</p>
 
-        <ul class="con">
 
-            <!-- <li>
 
-                <div class="case">
 
-                    <a class="link-a" href="Model.html?m=YL01&v=1">
 
-                        <div class="card-img" style="background-image: url(images/YL01.jpg)">
 
-                        </div>
 
-                    </a>
 
-                </div>
 
-                <p>鸡娄鼓</p>
 
-            </li> -->
 
-        </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'))
 
-        //         }
 
-        //     }
 
-    </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/info.js"></script>
 
-    <script src="js/ui.js"></script>
 
-</body>
 
-
 
-</html>

File diff suppressed because it is too large
+ 0 - 1
H5场景/public/4dage/js/4dage.js


File diff suppressed because it is too large
+ 0 - 30
H5场景/public/4dage/js/browser.min.js


+ 0 - 152
H5场景/public/4dage/js/data.js
View File 

@@ -1,152 +0,0 @@
 
-const objNames = {
 
-    'YL01': {
 
-        name: '鸡娄鼓',
 
-        content: '高:30厘米<br>宽:20厘米'
 
-    },
 
-    'YL02': {
 
-        name: '鞉牢鼓',
 
-        content: '高:60厘米<br>直径:20厘米'
 
-    },
 
-    'YL03': {
 
-        name: '毛员鼓',
 
-        content: '高:61厘米<br>直径:20厘米'
 
-    },
 
-    'YL04': {
 
-        name: '和鼓',
 
-        content: '高:50厘米<br>直径:30厘米'
 
-    },
 
-    'YL05': {
 
-        name: '答腊鼓',
 
-        content: '高:24厘米<br>直径:28厘米'
 
-    },
 
-    'YL06': {
 
-        name: '正鼓',
 
-        content: '高:71厘米<br>直径:30厘米'
 
-    },
 
-    'YL07': {
 
-        name: '齐鼓',
 
-        content: '高:71厘米<br>直径:30厘米'
 
-    },
 
-    'YL08': {
 
-        name: '羯鼓',
 
-        content: '高:50厘米<br>直径:38厘米'
 
-    },
 
-    'YL09': {
 
-        name: '拍板',
 
-        content: '高:37厘米<br>宽:6厘米'
 
-    },
 
-    'YL10': {
 
-        name: '钹',
 
-        content: '直径:30厘米'
 
-    },
 
-    'YL11': {
 
-        name: '篪',
 
-        content: '长65厘米'
 
-    },
 
-    'YL12': {
 
-        name: '筚篥',
 
-        content: '长35厘米'
 
-    },
 
-    'YL13': {
 
-        name: '短笛',
 
-        content: '长:48厘米<br>直径:2.8厘米'
 
-    },
 
-    'YL14': {
 
-        name: '长笛',
 
-        content: '长:65厘米<br>直径:2.8厘米'
 
-    },
 
-    'YL15': {
 
-        name: '尺八',
 
-        content: '长:70厘米<br>直径:2.8厘米'
 
-    },
 
-    'YL16': {
 
-        name: '箫',
 
-        content: '长:70厘米<br>直径:2.8厘米'
 
-    },
 
-    'YL17': {
 
-        name: '排箫',
 
-        content: '长:45厘米<br>宽:40厘米'
 
-    },
 
-    'YL18': {
 
-        name: '双翼排箫',
 
-        content: '长:55厘米<br>宽:55厘米'
 
-    },
 
-    'YL19': {
 
-        name: '笙',
 
-        content: '长:48.3厘米<br>直径:9.6厘米<br>宽:26厘米'
 
-    },
 
-    'YL20': {
 
-        name: '吹叶',
 
-        content: '正常一片树叶大小'
 
-    },
 
-    'YL21': {
 
-        name: '螺贝',
 
-        content: '长:27厘米<br>宽:15厘米'
 
-    },
 
-    'YL22': {
 
-        name: '箜篌',
 
-        content: '长:115厘米<br>宽:64厘米<br>高:11厘米'
 
-    },
 
-    'YL23': {
 
-        name: '阮',
 
-        content: '长:120厘米<br>宽:48厘米<br>高:18厘米'
 
-    },
 
-    'YL24': {
 
-        name: '五弦琵琶',
 
-        content: '长:113厘米<br>宽:30厘米<br>高:9厘米'
 
-    },
 
-    'YL25': {
 
-        name: '周后石像',
 
-    },
 
-    'YL26': {
 
-        name: '抬棺武士石像',
 
-    },
 
-    'YL27': {
 
-        name: '抬棺武士石像',
 
-    },
 
-    'YL28': {
 
-        name: '四弦琵琶',
 
-        content: '长:113厘米<br>宽:30厘米<br>高:9厘米'
 
-    },
 
-    'YL29': {
 
-        name: '筝',
 
-        content: '长:165厘米<br>宽:18厘米'
 
-    },
 
-    'YL30': {
 
-        name: '地宫薄形砖',
 
-    },
 
-    'YL31': {
 
-        name: '地宫方形砖',
 
-    },
 
-    'YL32': {
 
-        name: '地宫小方砖',
 
-    },
 
-    'YL33': {
 
-        name: '地宫楔形石',
 
-    },
 
-    'YL34': {
 
-        name: '地宫楔形砖',
 
-    },
 
-    'YL35': {
 
-        name: '唐邛窑绿釉省油灯',
 
-    },
 
-    'YL36': {
 
-        name: '“东川”铭文地宫方形砖',
 
-    },
 
-    'YL37': {
 
-        name: '“金水”铭文地宫方形砖',
 
-    },
 
-    'YL38': {
 
-        name: '王建石像',
 
-    },
 
-};
 
-
 
-(function () {
 
-    var m = getQueryVariable('m');
 
-    var objName = objNames[m]['name']? objNames[m]['name'] : '';
 
-    var content = objNames[m]['content'];
 
-    var objNameElem = document.querySelector('#name');
 
-    objNameElem.innerHTML = objName;
 
-    var contentElem = document.querySelector('#content');
 
-    content && (contentElem.innerHTML = content)
 
-})()

+ 0 - 18
H5场景/public/4dage/js/info.js
View File 

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

File diff suppressed because it is too large
+ 0 - 4
H5场景/public/4dage/js/jquery.js


+ 0 - 0
H5场景/public/4dage/js/model.js
View File


+ 0 - 26
H5场景/public/4dage/js/ui.js
View File 

@@ -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);
 
-    
-})()

+ 0 - 131
H5场景/public/4dage/js/weixin.js
View File 

@@ -1,131 +0,0 @@
 
-var lineLink = window.location.href;
 
-var desc = '点击进入：在线720°鉴赏精品文物';
 
-var projectName = 'DG';
 
-
 
-var getQueryVariable = 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);
 
-};
 
-
 
-let param = getQueryVariable('m');
 
-// let desc = param?;
 
-
 
-function jssdk() {
 
-	 $.ajax({    
-		url:'http://www.4dage.com/wechat/jssdk/share/', 
-		type: "post",
 
-		data : {
 
-            'uri' : location.href.split('#')[0],
 
-            'name': '厦门四维时代微信公众号'
 
-		}, 
-		dataType:"jsonp",     
-		jsonpCallback:"success_jsonp",         
-		success:function(data,textStatus){
 
-			wx.config({
 
-				// debug : true,
 
-				appId : data.appId,
 
-				timestamp : data.timestamp,
 
-				nonceStr : data.nonceStr,
 
-				signature : data.signature,
 
-				jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
 
-						'onMenuShareAppMessage', 'onMenuShareQQ',
 
-						'onMenuShareWeibo', 'hideMenuItems',
 
-						'showMenuItems', 'hideAllNonBaseMenuItem',
 
-						'showAllNonBaseMenuItem', 'translateVoice',
 
-						'startRecord', 'stopRecord', 'onRecordEnd',
 
-						'playVoice', 'pauseVoice', 'stopVoice',
 
-						'uploadVoice', 'downloadVoice', 'chooseImage',
 
-						'previewImage', 'uploadImage', 'downloadImage',
 
-						'getNetworkType', 'openLocation', 'getLocation',
 
-						'hideOptionMenu', 'showOptionMenu', 'closeWindow',
 
-						'scanQRCode', 'chooseWXPay',
 
-						'openProductSpecificView', 'addCard', 'chooseCard',
 
-						'openCard' ]
 
-			});
 
-		},    
-		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函数中〿
 
-	//分享到朋友圈 
-	wx.onMenuShareTimeline({ 
-	title: document.querySelector("head title").innerHTML, // 分享标题 
-	link: lineLink, // 分享链接 
-	imgUrl: 'http://model3d.4dage.com/3D/2018/model/'+projectName+'/images/weixin/'+getQueryVariable("m")+'.jpg', // 分享图标 
-	desc: desc
 
-	}); 
-
 
-	//获取“分享给朋友”按钮点击状态及自定义分享内容接叿
 
-	wx.onMenuShareAppMessage({ 
-        title: '义乌博物馆', // 分享标题 
-        desc: param?modelData[param].CN_Name:'',  // 分享描述 
-        link: lineLink + '?t=' + new Date().getTime(), // 分享链接 
-        // imgUrl: 'http://model3d.4dage.com/3D/2018/model/'+projectName+'/images/weixin/'+getQueryVariable("m")+'.jpg', // 分享图标 
-        imgUrl: 'https://model3d.4dage.com/3D/2018/model/sh/images/bg.jpg', // 分享图标 
-        type: '', // 分享类型,music、video或link，不填默认为link 
-        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 
-        success: function () {
 
-        },
 
-	}); 
-});
 
-
 
-wx.onMenuShareWeibo({
 
-	title: document.querySelector("head title").innerHTML, // 分享标题
 
-	desc: desc, // 分享描述
 
-	link: lineLink, // 分享链接
 
-	imgUrl: 'http://model3d.4dage.com/3D/2018/model/'+projectName+'/images/weixin/'+getQueryVariable("m")+'.jpg', // 分享图标
 
-	success: function () { 
-	   // 用户确认分享后执行的回调函数
 
-	},
 
-	cancel: function () { 
-		// 用户取消分享后执行的回调函数
 
-	}
 
-});
 
-
 
-wx.onMenuShareQZone({
 
-	title: document.querySelector("head title").innerHTML, // 分享标题
 
-	desc: desc, // 分享描述
 
-	link: lineLink, // 分享链接
 
-	imgUrl: 'http://model3d.4dage.com/3D/2018/model/'+projectName+'/images/weixin/'+getQueryVariable("m")+'.jpg', // 分享图标
 
-	success: function () { 
-	   // 用户确认分享后执行的回调函数
 
-	},
 
-	cancel: function () { 
-		// 用户取消分享后执行的回调函数
 
-	}
 
-});
 
-
 
-wx.onMenuShareQQ({
 
-	title: document.querySelector("head title").innerHTML, // 分享标题
 
-	desc: desc, // 分享描述
 
-	link: lineLink, // 分享链接
 
-	imgUrl: 'http://model3d.4dage.com/3D/2018/model/'+projectName+'/images/weixin/'+getQueryVariable("m")+'.jpg', // 分享图标
 
-	success: function () { 
-	   // 用户确认分享后执行的回调函数
 
-	},
 
-	cancel: function () { 
-	   // 用户取消分享后执行的回调函数
 
-	}
 
-});
 
-
 
-wx.error(function(res){ 
-// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名〿
 
-
 
-});
 
-
 
-jssdk();
 
-

+ 479 - 72
H5场景/public/static/css/main.css
View File 

@@ -3923,16 +3923,16 @@ a.tag-link {
 
 
 
 #gui-modes-map>div[rel] {
 
 #gui-modes-map>div[rel] {
 
     float: left;
 
     float: left;
 
-    width: 70px;
 
+    width: 60px;
 
     display: flex;
 
     display: flex;
 
     justify-content: center;
 
     justify-content: center;
 
     align-items: center;
 
     align-items: center;
 
     cursor: pointer;
 
     cursor: pointer;
 
 }
 
 }
 
 
 
-#gui-modes-map>div[rel]:hover,
 
+/* #gui-modes-map>div[rel]:hover,
 
 .pinBottom.right .rightViewContainer>div:hover,
 
 .pinBottom.right .rightViewContainer>div:hover,
 
-#play:hover {}
 
+#play:hover {} */
 
 
 
 /*#gui-modes-map > div:hidden{ border-top-right-radius: 10px; border-bottom-right-radius:10px; }*/
 
 /*#gui-modes-map > div:hidden{ border-top-right-radius: 10px; border-bottom-right-radius:10px; }*/
 
 
 
@@ -4332,7 +4332,7 @@ a.tag-link {
 
 #play,
 
 #play,
 
 #pause {
 
 #pause {
 
     position: relative;
 
     position: relative;
 
-    width: 70px;
 
+    width: 60px;
 
     display: flex;
 
     display: flex;
 
     justify-content: center;
 
     justify-content: center;
 
     align-items: center;
 
     align-items: center;
 
@@ -4743,6 +4743,89 @@ a.tag-link {
 
     color: #fff
 
     color: #fff
 
 }
 
 }
 
 
 
+@media only screen and (max-height: 370px) {
 
+    #loader-cont {
 
+        width: 50px;
 
+        height: 50px;
 
+        font-size: 24px;
 
+        padding: 6px 0
 
+    }
 
+
 
+    #loader-cont:after {
 
+        width: 42px;
 
+        height: 42px;
 
+        top: 4px;
 
+        left: 4px;
 
+        line-height: 42px;
 
+        font-size: 10px
 
+    }
 
+
 
+    #gui-loading {
 
+        z-index: 5000
 
+    }
 
+
 
+    #gui-loading img {
 
+        width: 88px;
 
+        height: auto
 
+    }
 
+}
 
+
 
+@media only screen and (max-width: 320px) {
 
+
 
+    .pinBottom.left .ui-icon.wide,
 
+    .ui-icon {
 
+        font-size: 22px;
 
+        text-shadow: 0 0 5px rgba(0, 0, 0, .9);
 
+    }
 
+}
 
+
 
+@media only screen and (max-width: 487px) and (min-width: 321px) {
 
+
 
+    .pinBottom.left .ui-icon.wide,
 
+    .ui-icon {
 
+        font-size: 22px;
 
+        text-shadow: 0 0 5px rgba(0, 0, 0, .9);
 
+    }
 
+
 
+    .pinBottom.right {
 
+        right: 0;
 
+        padding-right: 0
 
+    }
 
+}
 
+
 
+@media only screen and (max-width: 487px) {
 
+    .mobile-only {
 
+        display: block
 
+    }
 
+
 
+    #gui-fullscreen {
 
+        padding-left: 20px
 
+    }
 
+
 
+    .pinTop.right {
 
+        top: 60px;
 
+        font-size: 27px
 
+    }
 
+
 
+    .pinTop.right.reposition {
 
+        top: 10px;
 
+        z-index: 20
 
+    }
 
+
 
+    #model-title.closed {
 
+        width: 20px
 
+    }
 
+
 
+    .tourSpinner {
 
+        top: -10px;
 
+        left: -10px
 
+    }
 
+
 
+    #gui.jp-JP .gui-floor-number {
 
+        padding-right: 3px
 
+    }
 
+}
 
+
 
 
 
 .pinTop.right.mobile-only {
 
 .pinTop.right.mobile-only {
 
     top: 60px;
 
     top: 60px;
 
@@ -4856,6 +4939,18 @@ a.tag-link {
 
     text-align: center
 
     text-align: center
 
 }
 
 }
 
 
 
+@media only screen and (orientation: landscape) {
 
+    #lightbox {
 
+        font-size: 3vw
 
+    }
 
+}
 
+
 
+@media only screen and (orientation: portrait) {
 
+    #lightbox {
 
+        font-size: 3vh
 
+    }
 
+}
 
+
 
 #lightbox-contents {
 
 #lightbox-contents {
 
     position: relative;
 
     position: relative;
 
     left: 10%;
 
     left: 10%;
 
@@ -5527,6 +5622,16 @@ a.hasHover.tag-link:hover {
 
     font-size: 12px
 
     font-size: 12px
 
 }
 
 }
 
 
 
+@media only screen and (min-aspect-ratio: 1/1) {
 
+    #help-dialog.mobile .help-tabs div {
 
+        padding: 15px 15px 15px 20px
 
+    }
 
+
 
+    #help-dialog.mobile .close {
 
+        font-size: 12px
 
+    }
 
+}
 
+
 
 #help-dialog #more-help-wrapper {
 
 #help-dialog #more-help-wrapper {
 
     z-index: -1
 
     z-index: -1
 
 }
 
 }
 
@@ -5632,7 +5737,377 @@ a.hasHover.tag-link:hover {
 
     height: 65%
 
     height: 65%
 
 }
 
 }
 
 
 
+@media only screen and (max-width: 700px) and (max-height:600px) {
 
+    #help-dialog.desktop .help-tabs div {
 
+        font-size: 12px
 
+    }
 
 
 
+    #help-dialog.desktop .interactions .top-info {
 
+        position: absolute;
 
+        top: 0;
 
+        width: 100%;
 
+        margin-left: 0;
 
+        font-size: 2.15vw;
 
+        font-weight: 500;
 
+        line-height: 1.3
 
+    }
 
+
 
+    #help-dialog.desktop.panorama .interactions .top-info {
 
+        top: 3%
 
+    }
 
+
 
+    #help-dialog.desktop.floorplan .interactions .top-info {
 
+        top: -2%
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.panorama .interactions .top-info {
 
+        top: 0
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .bottom-info {
 
+        margin-left: 5%;
 
+        margin-right: 5%;
 
+        font-size: 2.15vw;
 
+        line-height: 1.14;
 
+        top: 40vh
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX .interactions .bottom-info,
 
+    #help-dialog.desktop.es-MX .interactions .top-info,
 
+    #help-dialog.desktop.fr-FR .interactions .bottom-info,
 
+    #help-dialog.desktop.fr-FR .interactions .top-info,
 
+    #help-dialog.desktop.jp-JP .interactions .bottom-info,
 
+    #help-dialog.desktop.jp-JP .interactions .top-info,
 
+    #help-dialog.desktop.ru-RU .interactions .bottom-info {
 
+        font-size: 2vw
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .big-image {
 
+        width: 7.15vh;
 
+        bottom: 28.75vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.left .big-image,
 
+    #help-dialog.desktop.floorplan .interactions.middle .big-image {
 
+        width: 7.5vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.middle .big-image,
 
+    #help-dialog.desktop.floorplan .interactions.left .big-image,
 
+    #help-dialog.desktop.panorama .interactions.middle .big-image {
 
+        width: 9vh
 
+    }
 
+
 
+    #help-dialog.desktop .interactions hr {
 
+        width: 6.55vh;
 
+        bottom: 19.8vh
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .keyboard {
 
+        width: 10.4vh;
 
+        bottom: 0
 
+    }
 
+
 
+    #help-dialog.desktop.floorplan .interactions.right .keyboard,
 
+    #help-dialog.desktop.outdoor .interactions.middle .keyboard,
 
+    #help-dialog.desktop.panorama .interactions.middle .keyboard {
 
+        width: 5.2vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.left .keyboard {
 
+        bottom: 0
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.floorplan .interactions {
 
+        top: 23%
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.left .bottom-info,
 
+    #help-dialog.desktop.es-MX .interactions .bottom-info,
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .bottom-info,
 
+    #help-dialog.desktop.fr-FR.dollhouse .interactions .bottom-info,
 
+    #help-dialog.desktop.fr-FR.floorplan .interactions .bottom-info #help-dialog.desktop.fr-FR .interactions .bottom-info {
 
+        top: 65%
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .bottom-info,
 
+    #help-dialog.desktop.es-MX.floorplan .interactions .bottom-info {
 
+        top: 68%
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.dollhouse .interactions .keyboard,
 
+    #help-dialog.desktop.de-DE.outdoor .interactions .keyboard,
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .keyboard,
 
+    #help-dialog.desktop.es-MX.floorplan .interactions .keyboard,
 
+    #help-dialog.desktop.es-MX.panorama .interactions .keyboard,
 
+    #help-dialog.desktop.fr-FR.dollhouse .interactions .keyboard,
 
+    #help-dialog.desktop.fr-FR.floorplan .interactions .keyboard,
 
+    #help-dialog.desktop.jp-JP .interactions .keyboard,
 
+    #help-dialog.desktop.ru-RU.dollhouse .interactions .keyboard,
 
+    #help-dialog.desktop.ru-RU.floorplan .interactions .keyboard {
 
+        bottom: -5%
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.floorplan .interactions .keyboard,
 
+    #help-dialog.desktop.de-DE.panorama .interactions .keyboard,
 
+    #help-dialog.desktop.ru-RU .interactions .keyboard {
 
+        bottom: -10%
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .top-info {
 
+        position: relative;
 
+        bottom: 5%
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.dollhouse .interactions .top-info,
 
+    #help-dialog.desktop.de-DE.floorplan .interactions .top-info,
 
+    #help-dialog.desktop.es-MX.floorplan .interactions .top-info,
 
+    #help-dialog.desktop.ru-RU.dollhouse .interactions .top-info,
 
+    #help-dialog.desktop.ru-RU.floorplan .interactions .top-info {
 
+        top: -10%;
 
+        font-size: 2vw
 
+    }
 
+}
 
+
 
+@media only screen and (max-width: 700px) and (min-aspect-ratio:2/1) {
 
+    #help-dialog.desktop .interactions hr {
 
+        bottom: 15.5vh
 
+    }
 
+}
 
+
 
+
 
+@media only screen and (max-width: 910px) {
 
+    #hotListWrap {
 
+        position: absolute;
 
+        width: 100%;
 
+        /* height: 310px; */
 
+        height: 250px;
 
+        z-index: 100;
 
+        right: 0;
 
+        top: -320px;
 
+        transition: top 0.4s, width 0.5s;
 
+        background: rgba(34, 36, 37, 0.9);
 
+    }
 
+
 
+    .hotListActive {
 
+        top: 0 !important;
 
+    }
 
+
 
+    #hotListTitle {
 
+        height: 40%;
 
+        position: relative;
 
+        background: none;
 
+        opacity: 1;
 
+    }
 
+
 
+    #hotListContent {
 
+        /* background: rgba(34, 36, 37,0.9); */
 
+        background: none;
 
+    }
 
+
 
+    #hotListText {
 
+        font-size: 20px;
 
+        letter-spacing: 3px;
 
+        font-weight: 100;
 
+        position: absolute;
 
+        top: 50%;
 
+        left: 50%;
 
+        transform: translate(-50%, -50%);
 
+    }
 
+
 
+    #hotListIcon {
 
+        width: 24px;
 
+        margin-left: 26px;
 
+        position: absolute;
 
+        top: 50%;
 
+        left: 50%;
 
+        transform: translate(165%, -50%);
 
+    }
 
+
 
+    #hotListContent ul li {
 
+        text-align: center;
 
+        height: 40px;
 
+        line-height: 40px;
 
+    }
 
+
 
+    #hotListContent ul {
 
+        padding: 0 30px;
 
+        font-size: 16px;
 
+    }
 
+
 
+    #hotListBottom {
 
+        display: none;
 
+        height: 15%;
 
+        /* background: rgba(34, 36, 37,0.9); */
 
+        background: none;
 
+        display: flex;
 
+        justify-content: center;
 
+        align-items: center;
 
+    }
 
+
 
+    #hotListClose {
 
+        display: none;
 
+        position: initial;
 
+        width: 18px;
 
+    }
 
+
 
+    #hotListContent ul li.active {
 
+        color: white;
 
+        background: none;
 
+    }
 
+}
 
+
 
+@media only screen and (min-width: 701px) and (max-aspect-ratio:15/10) {
 
+    #help-dialog.desktop .interactions {
 
+        position: absolute;
 
+        top: 10%
 
+    }
 
+
 
+    #help-dialog.desktop .interactions hr {
 
+        width: 6vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions {
 
+        top: 10%
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .top-info {
 
+        position: relative;
 
+        top: 15%
 
+    }
 
+
 
+    #help-dialog.desktop.ru-RU.dollhouse .interactions {
 
+        height: 68%
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.dollhouse .interactions .top-info,
 
+    #help-dialog.desktop.de-DE.floorplan .interactions .top-info {
 
+        font-size: 1.3em
 
+    }
 
+
 
+    #help-dialog.desktop.ru-RU.floorplan .interactions .top-info {
 
+        top: 8%
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE .interactions .keyboard,
 
+    #help-dialog.desktop.jp-JP .interactions .keyboard,
 
+    #help-dialog.desktop.ru-RU .interactions .keyboard {
 
+        bottom: -5%
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.floorplan .interactions {
 
+        top: 20%
 
+    }
 
+
 
+    #help-dialog.desktop.es-MX.floorplan .interactions .top-info {
 
+        top: 0
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.dollhouse .interactions .bottom-info,
 
+    #help-dialog.desktop.de-DE.floorplan .interactions .bottom-info {
 
+        font-size: 1.2em
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.left .bottom-info,
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .bottom-info,
 
+    #help-dialog.desktop.fr-FR.dollhouse .interactions .bottom-info {
 
+        top: 77.5%
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .big-image {
 
+        width: 6.3vh
 
+    }
 
+
 
+    #help-dialog.desktop.floorplan .interactions.middle .big-image {
 
+        width: 6.6vh
 
+    }
 
+
 
+    #help-dialog.desktop.floorplan .interactions.left .big-image,
 
+    #help-dialog.desktop.panorama .interactions.middle .big-image {
 
+        width: 7.725vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.middle .big-image {
 
+        width: 7.8vh
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .keyboard {
 
+        width: 6.5vh
 
+    }
 
+
 
+    #help-dialog.desktop.dollhouse .interactions.left .keyboard {
 
+        width: 10.5vh
 
+    }
 
+
 
+    #help-dialog.desktop.floorplan .interactions.right .keyboard,
 
+    #help-dialog.desktop.outdoor .interactions.middle .keyboard,
 
+    #help-dialog.desktop.panorama .interactions.middle .keyboard {
 
+        width: 3.275vh
 
+    }
 
+}
 
+
 
+@media only screen and (min-aspect-ratio: 15/10) and (min-width:700px) {
 
+    #help-dialog.desktop.es-MX.floorplan .interactions .top-info {
 
+        position: relative;
 
+        bottom: 7%
 
+    }
 
+
 
+    #help-dialog.desktop.jp-JP .interactions .top-info {
 
+        font-size: 1.4em
 
+    }
 
+
 
+    #help-dialog.desktop.jp-JP .interactions .bottom-info {
 
+        font-size: 1.3vw
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE.dollhouse .interactions .top-info,
 
+    #help-dialog.desktop.de-DE.floorplan .interactions .top-info,
 
+    #help-dialog.desktop.ru-RU.dollhouse .interactions .top-info,
 
+    #help-dialog.desktop.ru-RU.floorplan .interactions .top-info {
 
+        bottom: 1%;
 
+        font-size: 1.3em;
 
+        position: relative
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .keyboard,
 
+    #help-dialog.desktop.es-MX.dollhouse .interactions .keyboard,
 
+    #help-dialog.desktop.fr-FR.dollhouse .interactions .keyboard {
 
+        bottom: -3vh
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE .interactions .keyboard,
 
+    #help-dialog.desktop.ru-RU .interactions .keyboard {
 
+        bottom: -7vh
 
+    }
 
+
 
+    #help-dialog.desktop.de-DE .interactions .bottom-info {
 
+        font-size: 1.15em
 
+    }
 
+
 
+    #help-dialog.desktop .interactions .bottom-info {
 
+        bottom: 7.5vh
 
+    }
 
+
 
+    #help-dialog.desktop .interactions hr {
 
+        bottom: 16vh
 
+    }
 
+}
 
+
 
+@media only screen and (min-aspect-ratio: 17/10) {
 
+    #help-dialog.desktop .interactions .keyboard {
 
+        bottom: -3vh
 
+    }
 
+
 
+    #help-dialog.desktop.ru-RU .interactions .keyboard {
 
+        bottom: -12%
 
+    }
 
+}
 
+
 
+@media only screen and (min-aspect-ratio: 25/10) {
 
+    #help-dialog.desktop .interactions hr {
 
+        bottom: 15vh
 
+    }
 
+}
 
 
 
 #help-dialog.mobile #navigation-help-wrapper {
 
 #help-dialog.mobile #navigation-help-wrapper {
 
     position: absolute;
 
     position: absolute;
 
@@ -7225,74 +7700,6 @@ a.hasHover.tag-link:hover {
 
     }
 
     }
 
 }
 
 }
 
 
 
-@media only screen and (max-width: 600px) {
 
-
 
-    #gui-modes-map>div[rel]:hover,
 
-    #play:hover {
 
-        background: transparent;
 
-    }
 
-
 
-    .pinBottom.right .ui-icon {
 
-        margin-right: 5px;
 
-    }
 
-
 
-    /* #volume{
 
-        z-index: 9999;
 
-        position: absolute;
 
-        left: 10px;
 
-        bottom: 5px;
 
-    } */
 
-    .pinBottom.right,
 
-    .pinBottom.left {
 
-        bottom: 5px;
 
-    }
 
-
 
-    .pinBottom.left {
 
-        left: 5px;
 
-    }
 
-
 
-    .viewContainer,
 
-    #gui-modes-map {
 
-        display: flex;
 
-        flex-direction: column;
 
-    }
 
-
 
-    #play,
 
-    #pause {
 
-        width: 50px;
 
-        padding-bottom: 10px;
 
-    }
 
-
 
-    #gui-modes-map>div[rel] {
 
-        width: 50px;
 
-        padding-bottom: 10px;
 
-    }
 
-
 
-    .progressbar {
 
-        width: 70%;
 
-    }
 
-
 
-    .gui-floor-number,
 
-    .tourSpinner {
 
-        left: -0.4px;
 
-    }
 
-
 
-    .gui-floor {
 
-        float: none;
 
-        margin-bottom: 5px;
 
-    }
 
-
 
-    .gui-floor .container {
 
-        right: 0;
 
-        left: auto;
 
-    }
 
-
 
-    #call-to-action #interaction-modal.desktop {
 
-        width: 100%;
 
-        height: auto;
 
-    }
 
-}
 
-
 
 
 
 @media screen and (orientation: landscape) {
 
 @media screen and (orientation: landscape) {

BIN
H5场景/public/static/images/4dagePoint.png
View File


BIN
H5场景/public/static/images/4dagePoint2.png
View File


BIN
H5场景/public/static/images/marker-256x256.png
View File


BIN
H5场景/public/static/images/reticule-256x256.png
View File


+ 5 - 17
H5场景/public/static/js/loadCAD.js
View File 

@@ -38,11 +38,11 @@ window.grendCAD = (function grendCAD() {
 
     style.innerHTML = `
 
     style.innerHTML = `
 
       .cad {
 
       .cad {
 
         position: absolute;
 
         position: absolute;
 
-        right: 80px;
 
-        top: 16px;
 
-        width: 200px;
 
-        height: 200px;
 
-        background: rgba(0, 0, 0, .3);
 
+        right: 0px;
 
+        top: 0px;
 
+        width: 140px;
 
+        height: 140px;
 
+        background: rgba(0, 0, 0, .6);
 
         border-radius: 5px;
 
         border-radius: 5px;
 
       }
 
       }
 
 
 
@@ -50,18 +50,6 @@ window.grendCAD = (function grendCAD() {
 
         width: 100%;
 
         width: 100%;
 
         height: 100%;
 
         height: 100%;
 
       }
 
       }
 
-
 
-      @media only screen and (max-width: 600px) { 
-        .cad {
 
-            position: absolute;
 
-            right: 15px;
 
-            top: 50px;
 
-            width: 100px;
 
-            height: 100px;
 
-            background: rgba(0, 0, 0, .3);
 
-            border-radius: 5px;
 
-        }
 
-      }
 
     `
 
     `
 
 
 
     document.documentElement.appendChild(style)
 
     document.documentElement.appendChild(style)

+ 1 - 0
H5场景/src/assets/img/mapIcon.svg
View File 

@@ -0,0 +1 @@
 
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683439837230" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2340" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M65.582671 735.208665l446.417329-446.41733 446.417329 446.41733z" p-id="2341" fill="#ffffff"></path></svg>

+ 10 - 1
H5场景/src/assets/style/myBase.css
View File 

@@ -45,9 +45,18 @@
 
 #drawer-container {
 
 #drawer-container {
 
   transition: all 0.5s;
 
   transition: all 0.5s;
 
 }
 
 }
 
-.thumbImg.hasHover.active {
 
+.thumbImg.active {
 
   border: 2px solid #fff;
 
   border: 2px solid #fff;
 
 }
 
 }
 
 .thumbImg.hasHover:hover {
 
 .thumbImg.hasHover:hover {
 
   border: 2px solid #fff;
 
   border: 2px solid #fff;
 
 }
 
 }
 
+#vr {
 
+  display: none !important;
 
+}
 
+#cad path {
 
+  stroke-width: 0.5;
 
+}
 
+#ele1 circle {
 
+  r: 1;
 
+}

+ 16 - 1
H5场景/src/assets/style/myBase.less
View File 

@@ -58,10 +58,25 @@
 
   transition: all .5s;
 
   transition: all .5s;
 
 }
 
 }
 
 
 
-.thumbImg.hasHover.active {
 
+.thumbImg.active {
 
   border: 2px solid #fff;
 
   border: 2px solid #fff;
 
 }
 
 }
 
 
 
 .thumbImg.hasHover:hover {
 
 .thumbImg.hasHover:hover {
 
   border: 2px solid #fff;
 
   border: 2px solid #fff;
 
+}
 
+
 
+#vr {
 
+  display: none !important;
 
+}
 
+#cad path {
 
+  stroke-width: 0.5;
 
+  // fill:red;
 
+
 
+}
 
+#ele1{
 
+  circle{
 
+    // fill:red;
 
+    r:1;
 
+  }
 
 }
 
 }

+ 97 - 0
H5场景/src/assets/style/public.css
View File 

@@ -0,0 +1,97 @@
 
+* {
 
+  font-family: 'SY-medium';
 
+}
 
+img {
 
+  -webkit-user-drag: none;
 
+}
 
+.ui-button {
 
+  height: 50px;
 
+  line-height: 1;
 
+  border-radius: 25px;
 
+  border: none;
 
+  background-color: transparent;
 
+  text-align: center;
 
+  letter-spacing: 1px;
 
+  outline: none;
 
+  white-space: nowrap;
 
+  cursor: pointer;
 
+}
 
+.ui-button.default {
 
+  background-color: #CCCCCC;
 
+  color: #333333;
 
+}
 
+.ui-button.submit {
 
+  color: #fff;
 
+  background-color: #BC1915;
 
+}
 
+.ui-button.cancel {
 
+  color: #05c8ae;
 
+  background-color: transparent;
 
+}
 
+.ui-button.block {
 
+  width: 100%;
 
+}
 
+.ui-button.link {
 
+  display: inline-block;
 
+  text-decoration: none;
 
+}
 
+.ui-button.danger {
 
+  background-color: #c80303;
 
+  color: #fff;
 
+}
 
+.ui-input {
 
+  padding: 0 14px;
 
+  color: #fff;
 
+  letter-spacing: 1px;
 
+  height: 50px;
 
+  line-height: 50px;
 
+  width: 100%;
 
+  background: rgba(204, 204, 204, 0.2);
 
+  border: 1px solid #FFB521;
 
+  border-radius: 25px;
 
+}
 
+input::-webkit-input-placeholder {
 
+  color: #fff;
 
+}
 
+input::-moz-placeholder {
 
+  /* Mozilla Firefox 19+ */
 
+  color: #fff;
 
+}
 
+input:-moz-placeholder {
 
+  /* Mozilla Firefox 4 to 18 */
 
+  color: #fff;
 
+}
 
+input:-ms-input-placeholder {
 
+  /* Internet Explorer 10-11 */
 
+  color: #fff;
 
+}
 
+.cad {
 
+  position: fixed;
 
+  right: 10px;
 
+  top: 130px;
 
+  width: 280px;
 
+  height: 150px;
 
+  z-index: 999;
 
+  transition: 0.3s ease all;
 
+}
 
+.cad #cad {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+@media only screen and (max-width: 487px), (max-height: 487px) {
 
+  .ui-input {
 
+    padding: 0 14px;
 
+    color: #fff;
 
+    letter-spacing: 0;
 
+    height: 34px;
 
+    line-height: 34px;
 
+    width: 100%;
 
+    background: rgba(0, 0, 0, 0.8);
 
+    border: 1px solid #FFB521;
 
+    border-radius: 17px;
 
+  }
 
+}
 
+.no-record {
 
+  text-align: center;
 
+  margin: 28vh auto;
 
+}

+ 1 - 14
H5场景/src/assets/style/public.less
View File 

@@ -92,20 +92,7 @@ input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
 
 }
 
 }
 
 
 
 @media only screen and (max-width: 487px), (max-height:487px) {
 
 @media only screen and (max-width: 487px), (max-height:487px) {
 
-  .cad{
 
-    position: fixed;
 
-    top: 38%;
 
-    left: 50%;
 
-    transform: translate(-150%,-50%);
 
-    width: 280px;
 
-    height: 150px;
 
-    z-index: 999;
 
-    transition: none;
 
-    #cad{
 
-      width: 100%;
 
-      height: 100%;
 
-    }
 
-  }
 
+
 
   
   
 .ui-input{
 
 .ui-input{
 
   padding: 0 14px;
 
   padding: 0 14px;

+ 65 - 20
H5场景/src/views/gui/menu.vue
View File 

@@ -13,6 +13,12 @@
 
       <img :src="require(`@/assets/img/show.png`)" />
 
       <img :src="require(`@/assets/img/show.png`)" />
 
     </div>
 
     </div>
 
 
 
+    <!-- 展开收起小地图 -->
 
+    <div class="smMapBox" :class="{ smMapBoxHide: !smMapShow }">
 
+      <div class="smMapBoxSon" @click="smMapShow = !smMapShow">
 
+        <img src="../../assets/img/mapIcon.svg" alt="" />
 
+      </div>
 
+    </div>
 
     <!-- 音乐按钮 -->
 
     <!-- 音乐按钮 -->
 
     <div class="myMusicBox" id="volume">
 
     <div class="myMusicBox" id="volume">
 
       <div>
 
       <div>
 
@@ -288,6 +294,8 @@ export default {
 
       meanInd: false,
 
       meanInd: false,
 
       // 整个导览的收起和展开
 
       // 整个导览的收起和展开
 
       viewShow: true,
 
       viewShow: true,
 
+      // 小地图的展开和收起
 
+      smMapShow: true,
 
     };
 
     };
 
   },
 
   },
 
   watch: {
 
   watch: {
 
@@ -299,6 +307,13 @@ export default {
 
         dom.style.transform = "translateX(-500px)";
 
         dom.style.transform = "translateX(-500px)";
 
       }
 
       }
 
     },
 
     },
 
+    smMapShow(val) {
 
+      if (val) {
 
+        $(".cad").css({ top: 0 });
 
+      } else {
 
+        $(".cad").css({ top: "-140px" });
 
+      }
 
+    },
 
   },
 
   },
 
   computed: {},
 
   computed: {},
 
   mounted() {},
 
   mounted() {},
 
@@ -418,6 +433,16 @@ export default {
 
     transform: translateX(-50%);
 
     transform: translateX(-50%);
 
     width: 100%;
 
     width: 100%;
 
     text-align: center;
 
     text-align: center;
 
+    &::before {
 
+      content: "";
 
+      position: absolute;
 
+      right: -4px;
 
+      bottom: 37px;
 
+      width: 9px;
 
+      height: 7px;
 
+      background-image: url("../../assets/img/dian.png");
 
+      background-size: 100% 100%;
 
+    }
 
   }
 
   }
 
   .iconTxtAc {
 
   .iconTxtAc {
 
     color: #0a93cd;
 
     color: #0a93cd;
 
@@ -440,7 +465,7 @@ export default {
 
   .hotListBox {
 
   .hotListBox {
 
     cursor: pointer;
 
     cursor: pointer;
 
     float: left;
 
     float: left;
 
-    width: 70px;
 
+    width: 60px;
 
     height: 44px;
 
     height: 44px;
 
     position: relative;
 
     position: relative;
 
     z-index: 100;
 
     z-index: 100;
 
@@ -451,31 +476,19 @@ export default {
 
         height: 44px !important;
 
         height: 44px !important;
 
       }
 
       }
 
     }
 
     }
 
-    .iconTxt {
 
-      font-size: 12px;
 
-      color: #fff;
 
-      position: absolute;
 
-      bottom: -18px;
 
-      left: 50%;
 
-      transform: translateX(-50%);
 
-      width: 100%;
 
-      text-align: center;
 
-    }
 
-    .iconTxtAc {
 
-      color: #0a93cd;
 
-    }
 
   }
 
   }
 
 
 
   .viewContainer {
 
   .viewContainer {
 
-    padding: 10px 40px 34px 30px;
 
+    padding: 10px 10px 34px 10px;
 
     background-color: #171c1f;
 
     background-color: #171c1f;
 
     border-radius: 0;
 
     border-radius: 0;
 
     width: 100vw;
 
     width: 100vw;
 
     max-width: 500px;
 
     max-width: 500px;
 
     justify-content: center;
 
     justify-content: center;
 
+    display: flex;
 
     position: relative;
 
     position: relative;
 
     .viewXian {
 
     .viewXian {
 
-      padding: 10px 40px 50px 30px;
 
+      padding: 10px 10px 46px 10px;
 
       position: absolute;
 
       position: absolute;
 
       width: 100%;
 
       width: 100%;
 
       max-width: 500px;
 
       max-width: 500px;
 
@@ -490,8 +503,8 @@ export default {
 
       .viewShowIcon {
 
       .viewShowIcon {
 
         cursor: pointer;
 
         cursor: pointer;
 
         position: absolute;
 
         position: absolute;
 
-        right: 37px;
 
-        top: 2px;
 
+        right: 7px;
 
+        top: 4px;
 
         & > img {
 
         & > img {
 
           width: 30px;
 
           width: 30px;
 
         }
 
         }
 
@@ -503,7 +516,7 @@ export default {
 
     position: fixed;
 
     position: fixed;
 
     z-index: 99;
 
     z-index: 99;
 
     bottom: 36px;
 
     bottom: 36px;
 
-    left: 30px;
 
+    left: 10px;
 
     opacity: 0;
 
     opacity: 0;
 
     pointer-events: none;
 
     pointer-events: none;
 
     transition: all 0.5s;
 
     transition: all 0.5s;
 
@@ -524,7 +537,7 @@ export default {
 
     cursor: pointer;
 
     cursor: pointer;
 
     position: fixed;
 
     position: fixed;
 
     z-index: 99;
 
     z-index: 99;
 
-    right: 20px;
 
+    right: 10px;
 
     top: 36%;
 
     top: 36%;
 
     width: 40px;
 
     width: 40px;
 
     & > div {
 
     & > div {
 
@@ -534,5 +547,37 @@ export default {
 
       }
 
       }
 
     }
 
     }
 
   }
 
   }
 
+  .smMapBox {
 
+    position: fixed;
 
+    z-index: 99;
 
+    top: 140px;
 
+    right: 0px;
 
+    width: 140px;
 
+    height: 16px;
 
+    transition: all 0.3s;
 
+    .smMapBoxSon {
 
+      border-radius: 0 0 4px 4px;
 
+      height: 16px;
 
+      background-color: rgba(0, 0, 0, 0.6);
 
+      width: 40px;
 
+      margin: 0 auto;
 
+      text-align: center;
 
+      & > img {
 
+        position: relative;
 
+        top: -5px;
 
+        width: 20px;
 
+      }
 
+    }
 
+  }
 
+  .smMapBoxHide {
 
+    top: 0px;
 
+    transform: rotate(180deg);
 
+    .smMapBoxSon {
 
+      border-radius: 4px 4px 0 0;
 
+      & > img {
 
+        top: -3px;
 
+      }
 
+    }
 
+  }
 
 }
 
 }
 
 </style>
 
 </style>