fix(工具箱): 优化表单内容布局

src/views/ToolboxView/Calculation/CalcDownloadTime.vue

@@ -4,10 +4,10 @@
     <!-- 参数 -->
     <n-card size="small" title="参数">
       <n-form
+        class="form-no-feedback"
         label-align="right"
         label-placement="left"
         label-width="auto"
-        :model="inputs"
       >
 
         <n-form-item label="文件大小：">
@@ -70,10 +70,10 @@
     <!-- 计算结果 -->
     <n-card size="small" title="计算结果">
       <n-form
+        class="form-no-feedback"
         label-align="right"
         label-placement="left"
         label-width="auto"
-        :model="outputs"
       >
 
         <n-form-item label="大约需要时长：">

src/views/ToolboxView/Calculation/CalcRatio.vue

@@ -3,7 +3,10 @@
 
     <!-- 计算模式 -->
     <n-card size="small" title="计算模式">
-      <n-form-item :show-label="false">
+      <n-form-item
+        class="form-item-no-feedback"
+        :show-label="false"
+      >
         <n-select
           v-model:value="mode"
           :options="[
@@ -17,7 +20,10 @@
 
     <!-- 小数位数 -->
     <n-card size="small" title="小数位数">
-      <n-form-item :show-label="false">
+      <n-form-item
+        class="form-item-no-feedback"
+        :show-label="false"
+      >
         <n-input-number
           v-model:value="decimals"
           :min="0"
@@ -31,7 +37,10 @@
 
     <!-- 基础比例 -->
     <n-card size="small" title="基础比例">
-      <n-form-item :show-label="false">
+      <n-form-item
+        class="form-item-no-feedback"
+        :show-label="false"
+      >
         <n-input-number
           v-model:value="base.a"
           :min="limit.min"
@@ -54,7 +63,10 @@
 
     <!-- 计算比例 -->
     <n-card size="small" title="计算比例">
-      <n-form-item :show-label="false">
+      <n-form-item
+        class="form-item-no-feedback"
+        :show-label="false"
+      >
         <n-input-number
           v-model:value="calc.a"
           :disabled="mode === '2-to-1'"

src/views/ToolboxView/ToolboxView.vue

@@ -192,14 +192,13 @@ function handleOpenTool(data) {
     height: 100%;
     overflow-y: auto;
 
-    > .n-card {
+    > .n-card:not(:first-child) {
-      &:not(:first-child) {
+      margin-top: 20px;
-        margin-top: 20px;
+    }
-      }
 
-      .n-card__content {
+    .form-no-feedback .n-form-item-feedback-wrapper,
-        padding-top: var(--n-padding-top);
+    .form-item-no-feedback .n-form-item-feedback-wrapper {
-      }
+      min-height: 10px;
     }
   }
 }