按钮样式更新

src/views/gui/menu.vue

@@ -398,52 +398,8 @@ export default {
   outline: none;
 }
 
-// ------tooltip相关--------------
-// #gui-modes-inside {
-//   position: relative;
-// }
-// #gui-modes-dollhouse {
-//   position: relative;
-// }
-// #gui-modes-floorplan {
-//   position: relative;
-// }
-// .hoverTit {
-//   pointer-events: none;
-//   transition: all 0.5s;
-//   opacity: 0;
-//   position: absolute;
-//   left: 50%;
-//   transform: translateX(-50%);
-//   top: -40px;
-//   width: 80px;
-//   height: 37px;
-//   line-height: 30px;
-//   text-align: center;
-//   background: url("../../assets/img/hoverTit.png");
-//   background-size: 100% 100%;
-//   font-size: 14px;
-//   color: #fff6d2;
-// }
-// #play:hover {
-//   .hoverTit {
-//     opacity: 1;
-//   }
-// }
-// #pause:hover {
-//   .hoverTit {
-//     opacity: 1;
-//   }
-// }
-// #gui-modes-map > div:hover {
-//   .hoverTit {
-//     opacity: 1;
-//   }
-// }
-// -------end of tooltip相关--------------
-
 @width: 99px;
-@height: 125px;
+@height: 115px;
 // ----------左下方菜单--------------
 .pinBottom.left {
   bottom: 30px;
@@ -465,7 +421,7 @@ export default {
       #pause {
         margin-right: 30px;
         width: 99px;
-        height: 125px;
+        height: @height;
         padding: 0;
         img {
           height: 100%;
@@ -481,12 +437,13 @@ export default {
           > img {
             height: 100%;
             width: 100%;
-            opacity: 0.7;
+            opacity: 1;
+            // opacity: 0.7;
             display: block !important;
           }
           &.active {
             > img {
-              opacity: 1;
+              // opacity: 1;
             }
           }
         }
@@ -566,7 +523,7 @@ export default {
         #pause {
           margin-top: 15px;
           margin-right: 0;
-          width: 45px;
+          width: 53px;
           height: 60px;
           img {
           }
@@ -575,7 +532,7 @@ export default {
           > div {
             margin-top: 15px;
             margin-right: 0;
-            width: 45px;
+            width: 53px;
             height: 60px;
             > img {
             }