1215

ZAJSG/Model.html

@@ -24,7 +24,32 @@
             bottom: 20px;
             pointer-events: none;
             opacity: 0.9;
+            width: 90%;
+            text-align: center;
         }
+        .mobileimg{
+            position: fixed;
+            left: 50%;
+            transform: translateX(-50%);
+            color: #fff;
+            z-index: 999999;
+            color: #010101;
+            bottom: 20px;
+            pointer-events: none;
+            opacity: 0.9;
+            display: none;
+            width: 100%;
+            text-align: center;
+        }
+        @media screen and (max-width: 600px) {
+            .img{
+               display: none;
+            }
+            .mobileimg{
+                display: block;
+            }
+        }
+
     </style>
 </head>
 
@@ -32,6 +57,9 @@
     <div class="img">
         按住鼠标轮轴或ctrl+鼠标左键可进行移动文物查看
     </div>
+    <div class="mobileimg">
+        单指可转动场景角度<br/>双指可上下拖动或放大缩小文物
+    </div>
     <div id="ui">
         <!-- <div id="introductionWrap" class="animated">
             <span id="name"></span>

code/src/pages/layout/aside.vue

@@ -158,7 +158,7 @@ export default {
       }
       if (item.type === 'switch') {
         this.isOutScene = !this.isOutScene
-        if (!this.isOutScene) {
+        if (!this.isOutScene&&!this.$isMobile) {
           setTimeout(() => {
             this.isShow = !this.isShow 
           });