fix: 修复样式错误

src/pages/business/monitor/rain/components/Legend.vue

@@ -91,6 +91,7 @@
             <view v-if="data.title" class="title">{{ data.title }}</view>
 
             <!-- JSON -->
+            <view class="option">
                 <template v-if="isArray(data.option.items?.[0])">
                     <view v-for="(item, index) in data.option.items" :key="index" class="item-wrap">
                         <view v-for="(subItem, subIndex) in item" :key="subIndex" class="items">
@@ -106,6 +107,7 @@
                         </view>
                     </view>
                 </template>
+            </view>
 
             <!-- 复用渲染组件 -->
             <DefineTemplate v-slot="{ item, sub }">

src/pages/business/monitor/rain/config.ts

 // 页面通用配置信息或一些抽象方法
 
 // 单色块图例配置
-// export const defaultLegendConfig = {
-//     expand: true,
-//     title: '单位: mm',
-//     option: {
-//         blockStyle: {
-//             border: '1px solid #ccc',
-//         },
-//         items: [
-//             {
-//                 color: '#FFFFFF',
-//                 label: '0-0.1',
-//             },
-//             {
-//                 color: '#A3F48A',
-//                 label: '0.1-9.0',
-//             },
-//             {
-//                 color: '#35AB02',
-//                 label: '10-24.9',
-//             },
-//             {
-//                 color: '#61B9F9',
-//                 label: '25-49.9',
-//             },
-//             {
-//                 color: '#0403FF',
-//                 label: '50-99.9',
-//             },
-//             {
-//                 color: '#FA02FA',
-//                 label: '100-249.9',
-//             },
-//             {
-//                 color: '#810042',
-//                 label: '>=250',
-//             },
-//         ],
-//     },
-// }
-
-// 多色块图例配置
 export const defaultLegendConfig = {
     expand: true,
     title: '单位: mm',
@@ -50,7 +9,6 @@ export const defaultLegendConfig = {
             border: '1px solid #ccc',
         },
         items: [
-            [
             {
                 color: '#FFFFFF',
                 label: '0-0.1',
@@ -80,40 +38,82 @@ export const defaultLegendConfig = {
                 label: '>=250',
             },
         ],
-            [
-                {
-                    color: '#FFFFFF',
-                    label: '0-0.1',
-                },
-                {
-                    color: '#A3F48A',
-                    label: '0.1-9.0',
-                },
-                {
-                    color: '#35AB02',
-                    label: '10-24.9',
-                },
-                {
-                    color: '#61B9F9',
-                    label: '25-49.9',
-                },
-                {
-                    color: '#0403FF',
-                    label: '50-99.9',
-                },
-                {
-                    color: '#FA02FA',
-                    label: '100-249.9',
-                },
-                {
-                    color: '#810042',
-                    label: '>=250',
-                },
-            ],
-        ],
     },
 }
 
+// 多色块图例配置
+// export const defaultLegendConfig = {
+//     expand: true,
+//     title: '单位: mm',
+//     option: {
+//         blockStyle: {
+//             border: '1px solid #ccc',
+//         },
+//         items: [
+//             [
+//                 {
+//                     color: '#FFFFFF',
+//                     label: '0-0.1',
+//                 },
+//                 {
+//                     color: '#A3F48A',
+//                     label: '0.1-9.0',
+//                 },
+//                 {
+//                     color: '#35AB02',
+//                     label: '10-24.9',
+//                 },
+//                 {
+//                     color: '#61B9F9',
+//                     label: '25-49.9',
+//                 },
+//                 {
+//                     color: '#0403FF',
+//                     label: '50-99.9',
+//                 },
+//                 {
+//                     color: '#FA02FA',
+//                     label: '100-249.9',
+//                 },
+//                 {
+//                     color: '#810042',
+//                     label: '>=250',
+//                 },
+//             ],
+//             [
+//                 {
+//                     color: '#FFFFFF',
+//                     label: '0-0.1',
+//                 },
+//                 {
+//                     color: '#A3F48A',
+//                     label: '0.1-9.0',
+//                 },
+//                 {
+//                     color: '#35AB02',
+//                     label: '10-24.9',
+//                 },
+//                 {
+//                     color: '#61B9F9',
+//                     label: '25-49.9',
+//                 },
+//                 {
+//                     color: '#0403FF',
+//                     label: '50-99.9',
+//                 },
+//                 {
+//                     color: '#FA02FA',
+//                     label: '100-249.9',
+//                 },
+//                 {
+//                     color: '#810042',
+//                     label: '>=250',
+//                 },
+//             ],
+//         ],
+//     },
+// }
+
 // 单边图标图例
 // export const defaultLegendConfig = {
 //     expand: true,