fix:修改样式

src/views/warningHome/components/landUseLegend.vue

@@ -236,7 +236,6 @@ const handleCategoryChange = (category) => {
     padding: 16px;
     min-width: 170px;
     max-height: 80vh;
-    overflow-y: auto;
     z-index: 10;
     color: #fff;
 
@@ -270,6 +269,7 @@ const handleCategoryChange = (category) => {
                         border-width: 2px;
                         left: 5px;
                         top: 1px;
+                        transform: rotate(45deg) scaleY(1);
                     }
                 }
             }
@@ -315,24 +315,5 @@ const handleCategoryChange = (category) => {
         }
     }
 }
-
-// 滚动条样式
-.land-use-legend::-webkit-scrollbar {
-    width: 6px;
-}
-
-.land-use-legend::-webkit-scrollbar-track {
-    background: rgba(255, 255, 255, 0.1);
-    border-radius: 3px;
-}
-
-.land-use-legend::-webkit-scrollbar-thumb {
-    background: rgba(255, 212, 137, 0.3);
-    border-radius: 3px;
-
-    &:hover {
-        background: rgba(255, 212, 137, 0.5);
-    }
-}
 </style>
 

src/views/warningHome/index.vue

@@ -612,6 +612,7 @@ const handleLegendChange = (data) => {
     position: absolute;
     box-sizing: border-box;
     z-index: 1;
+    overflow: hidden;
 
     .content {
         width: 100%;