1

src/views/gui/menu.vue

@@ -18,8 +18,6 @@
                 rel="tooltip"
                 title=""
                 :src="require('@/assets/images/play.png')"
-                width="50"
-                height="50"
                 data-original-title="播放"
               />
             </a>
@@ -35,8 +33,6 @@
             <a>
               <img
                 :src="require('@/assets/images/icon/play.png')"
-                width="50"
-                height="50"
               />
             </a>
           </div>
@@ -52,8 +48,6 @@
                 rel="tooltip"
                 title=""
                 :src="require('@/assets/images/icon/pause.png')"
-                width="50"
-                height="50"
                 data-original-title="暂停"
               />
             </a>
@@ -85,11 +79,10 @@
               <img
                 title=""
                 class="icon icon-inside"
-                :src="
-                  require(`@/assets/images/icon/auto${
-                    !isGuide ? '_active' : ''
-                  }.png`)
-                "
+                src="@/assets/images/icon/auto.png"
+                :style="{
+                  opacity: isGuide ? '1' : '',
+                }"
               />
             </div>
 
@@ -104,10 +97,6 @@
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/inside.png')"
               />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/inside_active.png')"
-              />
             </div>
             <div
               title="迷你漫游"
@@ -121,10 +110,6 @@
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/dollhouse.png')"
               />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/dollhouse_active.png')"
-              />
             </div>
             <div
               data-original-title="俯视图"
@@ -138,10 +123,6 @@
                 class="icon icon-inside"
                 :src="require('@/assets/images/icon/floor.png')"
               />
-              <img
-                class="active icon icon-inside active"
-                :src="require('@/assets/images/icon/floor_active.png')"
-              />
             </div>
             <!-- <div
               data-original-title="VR"
@@ -165,10 +146,6 @@
                 class="icon icon-inside"
                 :src="require('@/assets/images/hotlist.png')"
               />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/hotlist.png')"
-              />
             </div> -->
             <!-- <div
               data-original-title="消除外壳"
@@ -577,6 +554,7 @@ export default {
         img {
           width: @wh;
           height: @wh;
+          opacity: 0.7;
         }
       }
       #gui-modes-map {
@@ -585,18 +563,13 @@ export default {
           > img {
             width: @wh;
             height: @wh;
+            opacity: 0.7;
             display: block !important;
           }
-          .active {
-            display: none !important;
-          }
-        }
-        .active {
-          > img {
-            display: none !important;
-          }
-          .active {
-            display: block !important;
+          &.active {
+            > img {
+              opacity: 1;
+            }
           }
         }
       }
@@ -623,6 +596,7 @@ export default {
       > img {
         width: 100%;
         height: 100%;
+        opacity: 0.7;
       }
     }
   }