fix: 修复 Legend 样式问题

src/components/Map/Widgets/Legend/src/Legend.vue

@@ -105,7 +105,12 @@
                     />
 
                     <!-- 标签 -->
-                    <view v-if="item.label" class="label" :style="!sub && { ...data.option.labelStyle }">
+                    <view
+                        v-if="item.label"
+                        class="label"
+                        :class="{ 'color-label': item.color }"
+                        :style="!sub && { ...data.option.labelStyle }"
+                    >
                         {{ item.label }}
                     </view>
 
@@ -198,10 +203,9 @@
                         }
 
                         .color {
-                            width: 32rpx;
-                            height: 12rpx;
+                            width: 38rpx;
+                            height: 24rpx;
                             margin-right: 8rpx;
-                            padding: 4rpx;
                         }
 
                         .label {
@@ -209,6 +213,10 @@
                             letter-spacing: 1px;
                             white-space: pre-wrap;
                             text-align: center;
+
+                            &.color-label {
+                                height: 24rpx;
+                            }
                         }
                     }
 
@@ -217,6 +225,7 @@
 
                         .item {
                             flex-direction: column;
+                            justify-content: center;
                             margin: 2rpx 5rpx;
                             font-size: 20rpx;
                         }