perf: 优化grid布局示例

fast-crud · Nov 3, 2022 · 8998e60 · 8998e60
1 parent 3516af6
commit 8998e60
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/packages/fast-crud/src/components/crud/fs-form-helper.vue b/packages/fast-crud/src/components/crud/fs-form-helper.vue
@@ -37,7 +37,9 @@ export default {
 </script>
 <style lang="less">
 .fs-form-helper {
-  color: #878787;
+  color: #7e7e7e;
+  line-height: 1.3;
+  margin-top: 2px;
   font-size: 12px;
   pre {
     font-family: inherit;

diff --git a/packages/fast-crud/src/components/crud/fs-form-item.vue b/packages/fast-crud/src/components/crud/fs-form-item.vue
@@ -17,7 +17,9 @@
         v-bind="computedHelperTooltip"
       >
         <template #[$fsui.tooltip.content]>
-          <fs-form-helper :helper="item.helper" :scope="buildItemScope(item)" />
+          <span class="fs-form-helper-tooltip">
+            <fs-form-helper :helper="item.helper" :scope="buildItemScope(item)" />
+          </span>
         </template>
         <template #[$fsui.tooltip.trigger]>
           <fs-icon class="fs-form-item-label-icon" :icon="$fsui.icons.question"></fs-icon>
@@ -154,4 +156,9 @@ export default {
     }
   }
 }
+.fs-form-helper-tooltip {
+  .fs-form-helper {
+    color: inherit;
+  }
+}
 </style>
diff --git a/packages/fast-crud/src/components/crud/fs-form.vue b/packages/fast-crud/src/components/crud/fs-form.vue
@@ -534,6 +534,7 @@ export default {
     // gap: 0 20px; //列间距 20px
     .fs-col {
       max-width: 100%;
+      width: 100%;
     }
 
     // antdv
@@ -562,11 +563,5 @@ export default {
   .fs-row {
     width: 100%;
   }
-
-  .fs-form-helper {
-    color: #7d7d7d;
-    font-size: 12px;
-    line-height: 1.5;
-  }
 }
 </style>