style: 皮带规格计算页面布局调整
- 将计算结果由卡片式转为列表式
This commit is contained in:
@ -83,26 +83,52 @@
|
|||||||
{{ $t('results') }}
|
{{ $t('results') }}
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-row>
|
<v-list lines="two">
|
||||||
<v-col cols="12">
|
<result-section
|
||||||
<result-card
|
|
||||||
:label="`${$t('recommendBeltThickness')}`"
|
:label="`${$t('recommendBeltThickness')}`"
|
||||||
:value="result.recommendBeltThickness"
|
:value="result.recommendBeltThickness"
|
||||||
/>
|
/>
|
||||||
</v-col>
|
<result-section
|
||||||
<v-col cols="12">
|
|
||||||
<result-card
|
|
||||||
:label="`${$t('recommendBeltWidth')}`"
|
:label="`${$t('recommendBeltWidth')}`"
|
||||||
:value="result.recommendBeltWidth"
|
:value="result.recommendBeltWidth"
|
||||||
/>
|
/>
|
||||||
</v-col>
|
<result-section
|
||||||
<v-col cols="12">
|
|
||||||
<result-card
|
|
||||||
:label="`${$t('recommendBeltLength')}`"
|
:label="`${$t('recommendBeltLength')}`"
|
||||||
:value="result.recommendBeltLength"
|
:value="result.recommendBeltLength"
|
||||||
/>
|
/>
|
||||||
|
</v-list>
|
||||||
|
|
||||||
|
<v-expansion-panels flat multiple>
|
||||||
|
<v-expansion-panel hide-actions>
|
||||||
|
<v-expansion-panel-title class="text-warning font-weight-bold">
|
||||||
|
<template #default="{ expanded }">
|
||||||
|
<span>
|
||||||
|
<v-icon icon="mdi-information-outline" />
|
||||||
|
{{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</v-expansion-panel-title>
|
||||||
|
<v-expansion-panel-text>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="6">
|
||||||
|
<input-param-section :label="$t('maxWheelbase')" :value="maxWheelbase" />
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="6">
|
||||||
|
<input-param-section :label="$t('hubDiameter')" :value="hubDiameter" />
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="6">
|
||||||
|
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="6">
|
||||||
|
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-expansion-panel-text>
|
||||||
|
</v-expansion-panel>
|
||||||
|
</v-expansion-panels>
|
||||||
|
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|||||||
Reference in New Issue
Block a user