From 24c9c21daa4cf39075594d1d42137e6c325e3538 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Mon, 6 Nov 2023 17:31:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E6=9D=BF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=20=E5=B1=9E=E6=80=A7=E6=98=BE=E7=A4=BA=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/suspensionSelector/index.vue   |  7 ++++++
 .../BackgroundColorSelector.vue               |  8 +++++++
 .../componentStyle/LegendSelector.vue         |  8 +++++++
 .../componentStyle/LegendSelectorAntV.vue     |  8 +++++++
 .../componentStyle/MarginSelector.vue         |  8 +++++++
 .../componentStyle/SplitSelector.vue          |  8 +++++++
 .../componentStyle/SplitSelectorAntV.vue      | 14 ++++++++---
 .../componentStyle/TitleSelector.vue          |  8 +++++++
 .../componentStyle/TitleSelectorAntV.vue      |  8 +++++++
 .../componentStyle/XAxisSelector.vue          |  8 +++++++
 .../componentStyle/XAxisSelectorAntV.vue      |  8 +++++++
 .../componentStyle/YAxisExtSelector.vue       |  8 +++++++
 .../componentStyle/YAxisExtSelectorAntV.vue   |  8 +++++++
 .../componentStyle/YAxisSelector.vue          |  8 +++++++
 .../componentStyle/YAxisSelectorAntV.vue      |  8 +++++++
 .../components/shapeAttr/ColorSelector.vue    |  7 ++++++
 .../components/shapeAttr/ColorSelectorExt.vue |  7 ++++++
 .../components/shapeAttr/LabelSelector.vue    |  8 +++++++
 .../shapeAttr/LabelSelectorAntV.vue           | 24 ++++++++++++-------
 .../components/shapeAttr/SizeSelector.vue     |  8 +++++++
 .../components/shapeAttr/SizeSelectorAntV.vue |  7 ++++++
 .../components/shapeAttr/TooltipSelector.vue  |  8 +++++++
 .../shapeAttr/TooltipSelectorAntV.vue         |  8 +++++++
 .../chart/components/shapeAttr/TotalCfg.vue   |  8 +++++++
 .../src/views/chart/view/ChartStyle.vue       | 10 ++++++++
 .../panelStyle/BackgroundSelector.vue         |  6 +++++
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../src/components/selector/ColorSelector.vue | 12 ++++++++--
 .../src/components/selector/LabelSelector.vue | 12 ++++++++--
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../src/components/selector/ColorSelector.vue | 12 ++++++++--
 .../src/components/selector/LabelSelector.vue |  8 +++++++
 .../selector/SuspensionSelector.vue           |  7 ++++++
 .../src/components/selector/TitleSelector.vue |  7 ++++++
 .../components/selector/TooltipSelector.vue   |  7 ++++++
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../src/components/selector/ColorSelector.vue |  8 +++++++
 .../src/components/selector/LabelSelector.vue |  7 ++++++
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../src/components/selector/ColorSelector.vue |  7 ++++++
 .../src/components/selector/LabelSelector.vue |  7 ++++++
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../src/components/selector/ColorSelector.vue |  7 ++++++
 .../src/components/selector/LabelSelector.vue |  7 ++++++
 .../components/selector/LegendSelector.vue    |  8 +++++++
 .../selector/BackgroundColorSelector.vue      |  8 +++++++
 .../selector/BaseMapStyleSelector.vue         | 10 +++++++-
 .../src/components/selector/ColorSelector.vue | 12 ++++++++--
 .../src/components/selector/LabelSelector.vue |  8 +++++++
 .../components/selector/LegendSelector.vue    |  8 +++++++
 50 files changed, 408 insertions(+), 20 deletions(-)

diff --git a/core/frontend/src/components/suspensionSelector/index.vue b/core/frontend/src/components/suspensionSelector/index.vue
index 7182735689..db59daae6f 100644
--- a/core/frontend/src/components/suspensionSelector/index.vue
+++ b/core/frontend/src/components/suspensionSelector/index.vue
@@ -107,6 +107,13 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+  .form-item ::v-deep .el-checkbox__label {
+    font-size: 12px;
+  }
+  .form-item ::v-deep .el-radio__label {
+    font-size: 12px;
+  }
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue b/core/frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue
index e60ce961ee..b1569cd787 100644
--- a/core/frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/BackgroundColorSelector.vue
@@ -117,6 +117,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/LegendSelector.vue b/core/frontend/src/views/chart/components/componentStyle/LegendSelector.vue
index 2b2e2f2884..77803e4877 100644
--- a/core/frontend/src/views/chart/components/componentStyle/LegendSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/LegendSelector.vue
@@ -221,6 +221,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue
index 60283bf7b1..15e96cd67d 100644
--- a/core/frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/LegendSelectorAntV.vue
@@ -225,6 +225,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/MarginSelector.vue b/core/frontend/src/views/chart/components/componentStyle/MarginSelector.vue
index 1d0b4fa5aa..4ee8cfb10d 100644
--- a/core/frontend/src/views/chart/components/componentStyle/MarginSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/MarginSelector.vue
@@ -251,6 +251,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/SplitSelector.vue b/core/frontend/src/views/chart/components/componentStyle/SplitSelector.vue
index e2a9081e12..e2a41cd7fd 100644
--- a/core/frontend/src/views/chart/components/componentStyle/SplitSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/SplitSelector.vue
@@ -247,6 +247,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue
index fc74ea5e81..7d71c56edd 100644
--- a/core/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue
@@ -147,9 +147,9 @@ export default {
 </script>
 
 <style scoped>
-  .el-divider--horizontal {
-    margin: 10px 0
-  }
+.el-divider--horizontal {
+  margin: 10px 0
+}
 .shape-item{
   padding: 6px;
   border: none;
@@ -165,6 +165,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue b/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
index 212cd10fcb..0bdd1ea726 100644
--- a/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
@@ -303,6 +303,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
index 2c5eefbc23..96d280e3da 100644
--- a/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
@@ -423,4 +423,12 @@ span {
 .dialog-css ::v-deep .el-dialog__body {
   padding: 10px 20px 20px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 </style>
diff --git a/core/frontend/src/views/chart/components/componentStyle/XAxisSelector.vue b/core/frontend/src/views/chart/components/componentStyle/XAxisSelector.vue
index 808b5946cf..e97120bb57 100644
--- a/core/frontend/src/views/chart/components/componentStyle/XAxisSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/XAxisSelector.vue
@@ -478,6 +478,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue
index 7bd74c37d5..fd847622fc 100644
--- a/core/frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/XAxisSelectorAntV.vue
@@ -465,6 +465,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue b/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue
index d3ae81851e..3a1b25543f 100644
--- a/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelector.vue
@@ -465,6 +465,14 @@ export default {
   font-size: 12px;
   line-height: 38px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue
index df6eb7f1c8..517edd1340 100644
--- a/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/YAxisExtSelectorAntV.vue
@@ -454,6 +454,14 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .form-item-slider ::v-deep .el-form-item__label{
   font-size: 12px;
   line-height: 38px;
diff --git a/core/frontend/src/views/chart/components/componentStyle/YAxisSelector.vue b/core/frontend/src/views/chart/components/componentStyle/YAxisSelector.vue
index e7b29e2b54..16ed4d09e2 100644
--- a/core/frontend/src/views/chart/components/componentStyle/YAxisSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/YAxisSelector.vue
@@ -471,6 +471,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue
index fd35a3ab1e..ac7dee48ac 100644
--- a/core/frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/YAxisSelectorAntV.vue
@@ -461,6 +461,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
index 4d8a4db119..df0d5314a6 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/ColorSelector.vue
@@ -641,6 +641,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue b/core/frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue
index ca9f6b43cd..a80ed6ee23 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/ColorSelectorExt.vue
@@ -361,6 +361,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/LabelSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/LabelSelector.vue
index 5e3db7c8c8..1c82f1507a 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/LabelSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/LabelSelector.vue
@@ -330,6 +330,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue
index b204c3a6d6..84bfcd6045 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/LabelSelectorAntV.vue
@@ -422,14 +422,14 @@ export default {
 </script>
 
 <style scoped>
-  .shape-item{
-    padding: 6px;
-    border: none;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
+.shape-item{
+  padding: 6px;
+  border: none;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
 .form-item-slider ::v-deep .el-form-item__label{
   font-size: 12px;
   line-height: 38px;
@@ -437,6 +437,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
index 17c0f1f74d..bfaa06d0ec 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
@@ -1211,6 +1211,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 126f14b884..86ff082cfb 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -1788,6 +1788,13 @@ export default {
     font-size: 12px;
   }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
   .el-select-dropdown__item {
     padding: 0 20px;
   }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue
index b04e740df2..cc70b56ea0 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/TooltipSelector.vue
@@ -220,6 +220,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue
index f13dda9dcc..31a1aaadb8 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/TooltipSelectorAntV.vue
@@ -165,6 +165,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/components/shapeAttr/TotalCfg.vue b/core/frontend/src/views/chart/components/shapeAttr/TotalCfg.vue
index 6756936e00..3971f71d36 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/TotalCfg.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/TotalCfg.vue
@@ -469,6 +469,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/core/frontend/src/views/chart/view/ChartStyle.vue b/core/frontend/src/views/chart/view/ChartStyle.vue
index cb4d0ac911..e88dbd2b20 100644
--- a/core/frontend/src/views/chart/view/ChartStyle.vue
+++ b/core/frontend/src/views/chart/view/ChartStyle.vue
@@ -766,6 +766,16 @@ span {
   font-size: 12px;
 }
 
+.form-item {
+  ::v-deep .el-form-item__content {
+    .el-checkbox {
+      .el-checkbox__label {
+        font-size: 12px;
+      }
+    }
+  }
+}
+
 .no-properties {
   width: 100%;
   text-align: center;
diff --git a/core/frontend/src/views/panel/subjectSetting/panelStyle/BackgroundSelector.vue b/core/frontend/src/views/panel/subjectSetting/panelStyle/BackgroundSelector.vue
index ade084ecf9..386a386cff 100644
--- a/core/frontend/src/views/panel/subjectSetting/panelStyle/BackgroundSelector.vue
+++ b/core/frontend/src/views/panel/subjectSetting/panelStyle/BackgroundSelector.vue
@@ -231,6 +231,12 @@ export default {
 .form-item ::v-deep .el-form-item__label {
   font-size: 12px;
 }
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
 
 .el-select-dropdown__item {
   padding: 0 20px;
diff --git a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/BackgroundColorSelector.vue
index e1cbf5fe18..d3ff1cb8f7 100644
--- a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/ColorSelector.vue
index 326e9c8e77..e8090b795f 100644
--- a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/ColorSelector.vue
@@ -8,7 +8,7 @@
               placement="bottom"
               width="400"
               trigger="click"
-              
+
             >
               <div style="padding: 6px 10px;">
                 <div>
@@ -46,7 +46,7 @@
             </el-popover>
           </el-form-item>
 
-          
+
 
         <el-form-item :label="$t('chart.not_alpha')" class="form-item form-item-slider">
           <el-slider v-model="colorForm.alpha" show-input :show-input-controls="false" input-size="mini" @change="changeColorCase" />
@@ -255,6 +255,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/LabelSelector.vue
index a160bb7231..2a50ebc172 100644
--- a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/src/components/selector/LabelSelector.vue
@@ -6,7 +6,7 @@
           <el-checkbox v-model="labelForm.show" @change="changeLabelAttr">{{ $t('chart.show') }}</el-checkbox>
         </el-form-item>
         <div v-show="labelForm.show">
-          
+
           <el-form-item :label="$t('chart.text_fontsize')" class="form-item">
             <el-select v-model="labelForm.fontSize" :placeholder="$t('chart.text_fontsize')" size="mini" @change="changeLabelAttr">
               <el-option v-for="option in fontSize" :key="option.value" :label="option.name" :value="option.value" />
@@ -37,7 +37,7 @@
         </div>
       </el-form>
 
-      
+
     </el-col>
   </div>
 </template>
@@ -143,6 +143,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/BackgroundColorSelector.vue
index 2b63c34b80..fc3935d645 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
   .form-item ::v-deep .el-form-item__label{
     font-size: 12px;
   }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
   .el-select-dropdown__item{
     padding: 0 20px;
   }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/ColorSelector.vue
index 818c86da35..37f2ef4932 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/ColorSelector.vue
@@ -8,7 +8,7 @@
               placement="bottom"
               width="400"
               trigger="click"
-              
+
             >
               <div style="padding: 6px 10px;">
                 <div>
@@ -66,7 +66,7 @@
           <el-form-item v-show="(chart.type && chart.type.includes('table')) || sourceType==='panelTable'" :label="$t('chart.table_border_color')" class="form-item">
             <el-color-picker v-model="colorForm.tableBorderColor" class="color-picker-style" :predefine="predefineColors" @change="changeColorCase" />
           </el-form-item>
-          
+
         </div>
 
         <el-form-item v-show="chart.type && !chart.type.includes('text')" :label="$t('chart.not_alpha')" class="form-item form-item-slider">
@@ -284,6 +284,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/LabelSelector.vue
index b50acc1763..aad4e8947e 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/LabelSelector.vue
@@ -181,6 +181,14 @@ export default {
   .form-item ::v-deep .el-form-item__label{
     font-size: 12px;
   }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
   .el-select-dropdown__item{
     padding: 0 20px;
   }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/SuspensionSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/SuspensionSelector.vue
index 547d0bcad0..c25ebb3f04 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/SuspensionSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/SuspensionSelector.vue
@@ -94,6 +94,13 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+  .form-item ::v-deep .el-checkbox__label {
+    font-size: 12px;
+  }
+  .form-item ::v-deep .el-radio__label {
+    font-size: 12px;
+  }
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TitleSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TitleSelector.vue
index ce0c34bedc..27605cb6c7 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TitleSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TitleSelector.vue
@@ -142,6 +142,13 @@ export default {
   .form-item ::v-deep .el-form-item__label{
     font-size: 12px;
   }
+
+  .form-item ::v-deep .el-checkbox__label {
+    font-size: 12px;
+  }
+  .form-item ::v-deep .el-radio__label {
+    font-size: 12px;
+  }
   .el-select-dropdown__item{
     padding: 0 20px;
   }
diff --git a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TooltipSelector.vue b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TooltipSelector.vue
index af8cab1259..db87c77cdc 100644
--- a/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TooltipSelector.vue
+++ b/extensions/dataease-extensions-view/view-bubblemap/view-bubblemap-frontend/src/components/selector/TooltipSelector.vue
@@ -137,6 +137,13 @@ export default {
   .form-item ::v-deep .el-form-item__label{
     font-size: 12px;
   }
+
+  .form-item ::v-deep .el-checkbox__label {
+    font-size: 12px;
+  }
+  .form-item ::v-deep .el-radio__label {
+    font-size: 12px;
+  }
   .el-select-dropdown__item{
     padding: 0 20px;
   }
diff --git a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/BackgroundColorSelector.vue
index e1cbf5fe18..d3ff1cb8f7 100644
--- a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/ColorSelector.vue
index 3a579e8889..2a64243d27 100644
--- a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/ColorSelector.vue
@@ -265,6 +265,14 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/LabelSelector.vue
index d937f484f2..a9592f7b98 100644
--- a/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-chartmix/view-chartmix-frontend/src/components/selector/LabelSelector.vue
@@ -267,6 +267,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/BackgroundColorSelector.vue
index e1cbf5fe18..d3ff1cb8f7 100644
--- a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/ColorSelector.vue
index 3a579e8889..a4347434c4 100644
--- a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/ColorSelector.vue
@@ -265,6 +265,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/LabelSelector.vue
index 354d70f2eb..8160e0eff9 100644
--- a/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-racebar/view-racebar-frontend/src/components/selector/LabelSelector.vue
@@ -195,6 +195,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/BackgroundColorSelector.vue
index e1cbf5fe18..d3ff1cb8f7 100644
--- a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/ColorSelector.vue
index 3a579e8889..a4347434c4 100644
--- a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/ColorSelector.vue
@@ -265,6 +265,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LabelSelector.vue
index d05c4bd3a0..4da39805d4 100644
--- a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LabelSelector.vue
@@ -234,6 +234,13 @@ export default {
   font-size: 12px;
 }
 
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item {
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LegendSelector.vue b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LegendSelector.vue
index 5125412616..5092f5c53e 100644
--- a/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LegendSelector.vue
+++ b/extensions/dataease-extensions-view/view-sankey/view-sankey-frontend/src/components/selector/LegendSelector.vue
@@ -143,6 +143,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BackgroundColorSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BackgroundColorSelector.vue
index e1cbf5fe18..d3ff1cb8f7 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BackgroundColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BackgroundColorSelector.vue
@@ -86,6 +86,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BaseMapStyleSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BaseMapStyleSelector.vue
index 819a284785..f7c9c82796 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BaseMapStyleSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/BaseMapStyleSelector.vue
@@ -9,7 +9,7 @@
                 <el-radio label="dark">{{$t('plugin_view_symbol_map.dark')}}</el-radio>
             </el-radio-group>
         </el-form-item>
-        
+
       </el-form>
     </el-col>
   </div>
@@ -83,6 +83,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/ColorSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/ColorSelector.vue
index 326e9c8e77..e8090b795f 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/ColorSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/ColorSelector.vue
@@ -8,7 +8,7 @@
               placement="bottom"
               width="400"
               trigger="click"
-              
+
             >
               <div style="padding: 6px 10px;">
                 <div>
@@ -46,7 +46,7 @@
             </el-popover>
           </el-form-item>
 
-          
+
 
         <el-form-item :label="$t('chart.not_alpha')" class="form-item form-item-slider">
           <el-slider v-model="colorForm.alpha" show-input :show-input-controls="false" input-size="mini" @change="changeColorCase" />
@@ -255,6 +255,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
index 2a24e2f573..954d03670a 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LabelSelector.vue
@@ -222,6 +222,14 @@ export default {
 .form-item ::v-deep .el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }
diff --git a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LegendSelector.vue b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LegendSelector.vue
index 5125412616..5092f5c53e 100644
--- a/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LegendSelector.vue
+++ b/extensions/dataease-extensions-view/view-symbolmap/view-symbolmap-frontend/src/components/selector/LegendSelector.vue
@@ -143,6 +143,14 @@ export default {
 .form-item>>>.el-form-item__label{
   font-size: 12px;
 }
+
+.form-item ::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+.form-item ::v-deep .el-radio__label {
+  font-size: 12px;
+}
+
 .el-select-dropdown__item{
   padding: 0 20px;
 }