fix(工具箱): 优化表单内容布局
This commit is contained in:
@@ -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="大约需要时长:">
|
||||
|
@@ -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'"
|
||||
|
@@ -192,14 +192,13 @@ function handleOpenTool(data) {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
|
||||
> .n-card {
|
||||
&:not(:first-child) {
|
||||
> .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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user