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

This commit is contained in:
2024-09-08 21:31:36 +08:00
parent de3cd7bb34
commit 96425f7e70
3 changed files with 24 additions and 13 deletions

View File

@@ -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="大约需要时长:">

View File

@@ -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'"

View File

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