style: 样式调整

core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue

@@ -238,6 +238,7 @@
       v-show="dvInfo.type === 'dashboard'"
       class="form-item"
       :class="'form-item-' + themes"
+      style="margin-bottom: 0"
     >
       <el-checkbox
         :effect="themes"

core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%; padding-bottom: 8px">
+  <div style="width: 100%; padding-bottom: 16px">
     <el-form label-position="top" style="width: 100%">
       <div style="width: 100%; padding: 16px 8px 0">
         <el-row :gutter="8">

core/core-frontend/src/components/data-visualization/CanvasAttr.vue

@@ -121,7 +121,7 @@ onMounted(() => {
             </el-col>
           </el-row>
           <el-row v-if="canvasStyleData.screenAdaptor">
-            <el-form-item style="margin-top: 16px">
+            <el-form-item style="margin: 8px 0 16px">
               <span class="form-item-scroll"> {{ t('visualization.screen_adaptor') }} </span>
               <el-tooltip class="item" effect="dark" placement="top">
                 <template #content>
@@ -169,7 +169,7 @@ onMounted(() => {
         :title="t('visualization.refresh_config')"
         name="overallSetting"
       >
-        <overall-setting themes="dark" />
+        <overall-setting style="padding-bottom: 8px" themes="dark" />
       </el-collapse-item>
       <el-collapse-item
         effect="dark"

core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue

@@ -298,7 +298,7 @@ const onTitleChange = () => {
           </el-form>
         </el-collapse-item>
         <el-collapse-item :effect="themes" name="addition" :title="t('v_query.query_condition')">
-          <el-form @keydown.stop.prevent.enter label-position="top">
+          <el-form @keydown.stop.prevent.enter label-position="top" style="padding-bottom: 8px">
             <el-row :gutter="8">
               <el-col :span="12">
                 <el-form-item
@@ -441,6 +441,7 @@ const onTitleChange = () => {
             :class="!chart.customStyle.component.labelShow && 'is-disabled'"
             :disabled="!chart.customStyle.component.labelShow"
             label-position="top"
+            style="padding-bottom: 8px"
           >
             <el-form-item
               :effect="themes"
@@ -544,7 +545,7 @@ const onTitleChange = () => {
           </el-form>
         </collapse-switch-item>
         <el-collapse-item :effect="themes" name="button" :title="t('commons.button')">
-          <el-form @keydown.stop.prevent.enter label-position="top">
+          <el-form @keydown.stop.prevent.enter label-position="top" style="padding-bottom: 8px">
             <el-form-item
               :effect="themes"
               class="form-item"