guoxiaohuan 4 jaren geleden
bovenliggende
commit
eabb66202e
3 gewijzigde bestanden met toevoegingen van 28 en 11 verwijderingen
  1. 15 6
      src/assets/css/rotation.css
  2. 12 5
      src/assets/css/rotation.less
  3. 1 0
      src/components/menuList.vue

+ 15 - 6
src/assets/css/rotation.css

@@ -1,7 +1,7 @@
 .overview {
   background: #f2f5f7;
   padding: 16px 20px 20px 20px;
-  height: 100%;
+  height: calc(100% - 48px);
   width: 100%;
 }
 .overview .view-title {
@@ -27,7 +27,6 @@
   font-family: MicrosoftYaHeiSemibold;
   font-weight: bold;
   color: #1f2429;
-  line-height: 21px;
 }
 .overview .view-title .view-button {
   font-family: PingFangSC-Regular, PingFang SC;
@@ -42,6 +41,7 @@
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  border-radius: 4px;
 }
 .overview .view-title .view-button img {
   display: inline-block;
@@ -62,11 +62,13 @@
 }
 .overview .view-box .view-left .lb-left {
   width: 100%;
+  height: 66%;
   flex: 1;
   margin-top: 12px;
   margin-bottom: 10px;
   position: relative;
   border: 1px solid #ccc;
+  border-radius: 4px;
 }
 .overview .view-box .view-left .lb-left img {
   width: 100%;
@@ -75,11 +77,12 @@
   z-index: 99;
   position: absolute;
   top: 0;
-  right: 2px;
+  right: 0px;
   width: 32px;
   height: 32px;
   background: rgba(0, 0, 0, 0.6);
   border-radius: 0px 4px 0px 4px;
+  cursor: pointer;
 }
 .overview .view-box .view-left .lb-left .lb-img {
   z-index: 101;
@@ -88,6 +91,7 @@
   position: absolute;
   top: 8px;
   right: 10px;
+  cursor: pointer;
 }
 .overview .view-box .view-left .lb-bottom {
   height: 34%;
@@ -101,6 +105,7 @@
   align-items: center;
   background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
   margin-bottom: 12px;
+  border-radius: 4px;
 }
 .overview .view-box .view-left .lb-bottom nav span:nth-of-type(1) {
   width: 2px;
@@ -116,7 +121,6 @@
   font-family: MicrosoftYaHeiSemibold;
   font-weight: bold;
   color: #025baa;
-  line-height: 19px;
 }
 .overview .view-box .view-left .lb-bottom .place-p1 {
   height: 24px;
@@ -130,6 +134,7 @@
   width: 16px;
   height: 16px;
   margin-right: 3px;
+  margin-top: -3px;
 }
 .overview .view-box .view-left .lb-bottom .place-p2 {
   margin: 16px 0;
@@ -191,20 +196,23 @@
 }
 .overview .view-box .view-right .view-right-box .lb-right {
   flex: 1;
+  height: 47%;
   margin-top: 12px;
   margin-bottom: 10px;
   position: relative;
   border: 1px solid #ccc;
+  border-radius: 4px;
 }
 .overview .view-box .view-right .view-right-box .lb-right .lb-icon {
   z-index: 99;
   position: absolute;
   top: 0;
-  right: 2px;
+  right: 0px;
   width: 32px;
   height: 32px;
   background: rgba(0, 0, 0, 0.6);
   border-radius: 0px 4px 0px 4px;
+  cursor: pointer;
 }
 .overview .view-box .view-right .view-right-box .lb-right .lb-img {
   z-index: 101;
@@ -213,6 +221,7 @@
   position: absolute;
   top: 8px;
   right: 10px;
+  cursor: pointer;
 }
 .overview .view-box .view-right .view-right-box .lb-right-bottom {
   height: 53%;
@@ -227,6 +236,7 @@
   align-items: center;
   background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
   margin-bottom: 12px;
+  border-radius: 4px;
 }
 .overview .view-box .view-right .view-right-box .lb-right-bottom nav span:nth-of-type(1) {
   width: 2px;
@@ -242,7 +252,6 @@
   font-family: MicrosoftYaHeiSemibold;
   font-weight: bold;
   color: #025baa;
-  line-height: 19px;
 }
 .overview .view-box .view-right .view-right-box .lb-right-bottom .view-right-bottom {
   overflow: auto;

+ 12 - 5
src/assets/css/rotation.less

@@ -25,7 +25,6 @@
                 font-family: MicrosoftYaHeiSemibold;
                 font-weight: bold;
                 color: #1f2429;
-                line-height: 21px;
             }
         }
         .view-button {
@@ -41,6 +40,7 @@
             align-items: center;
             justify-content: center;
             cursor: pointer;
+            border-radius: 4px;
             img {
                 display: inline-block;
                 height: 16px;
@@ -69,6 +69,7 @@
                 margin-bottom: 10px;
                 position: relative;
                 border: 1px solid #ccc;
+                border-radius: 4px;
                 img {
                     width: 100%;
                     // height: 100%;
@@ -77,11 +78,12 @@
                     z-index: 99;
                     position: absolute;
                     top: 0;
-                    right: 2px;
+                    right: 0px;
                     width: 32px;
                     height: 32px;
                     background: rgba(0, 0, 0, 0.6);
                     border-radius: 0px 4px 0px 4px;
+                    cursor: pointer;
                 }
                 .lb-img {
                     z-index: 101;
@@ -90,6 +92,7 @@
                     position: absolute;
                     top: 8px;
                     right: 10px;
+                    cursor: pointer;
                 }
             }
             .lb-bottom {
@@ -103,6 +106,7 @@
                     align-items: center;
                     background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
                     margin-bottom: 12px;
+                    border-radius: 4px;
                     span:nth-of-type(1) {
                         width: 2px;
                         height: 16px;
@@ -117,7 +121,6 @@
                         font-family: MicrosoftYaHeiSemibold;
                         font-weight: bold;
                         color: #025baa;
-                        line-height: 19px;
                     }
                 }
                 .place-p1 {
@@ -131,6 +134,7 @@
                         width: 16px;
                         height: 16px;
                         margin-right: 3px;
+                        margin-top: -3px;
                     }
                 }
                 .place-p2 {
@@ -199,15 +203,17 @@
                     margin-bottom: 10px;
                     position: relative;
                     border: 1px solid #ccc;
+                    border-radius: 4px;
                     .lb-icon {
                         z-index: 99;
                         position: absolute;
                         top: 0;
-                        right: 2px;
+                        right: 0px;
                         width: 32px;
                         height: 32px;
                         background: rgba(0, 0, 0, 0.6);
                         border-radius: 0px 4px 0px 4px;
+                        cursor: pointer;
                     }
                     .lb-img {
                         z-index: 101;
@@ -216,6 +222,7 @@
                         position: absolute;
                         top: 8px;
                         right: 10px;
+                        cursor: pointer;
                     }
                 }
                 .lb-right-bottom {
@@ -230,6 +237,7 @@
                         align-items: center;
                         background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
                         margin-bottom: 12px;
+                        border-radius: 4px;
                         span:nth-of-type(1) {
                             width: 2px;
                             height: 16px;
@@ -244,7 +252,6 @@
                             font-family: MicrosoftYaHeiSemibold;
                             font-weight: bold;
                             color: #025baa;
-                            line-height: 19px;
                         }
                     }
                     .view-right-bottom {

+ 1 - 0
src/components/menuList.vue

@@ -243,6 +243,7 @@ export default {
             float: left;
             width: 80px;
             height: 48px;
+            margin: 0 10px;
             cursor: pointer;
             transition: all 0.2s;
         }