修改因手机端rem布局引发的问题

This commit is contained in:
范强强
2023-06-14 10:46:57 +08:00
parent d8fbf4261a
commit a5897b5820
4 changed files with 92 additions and 29 deletions
@@ -105,10 +105,13 @@
</van-collapse-item>
<van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay">
<van-form @submit="onSubmit" ref="form">
<div class="resultofhandlingClass" style="margin-bottom: 0.1rem">
<span>{{$t('resultofhandling')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field name="disposeResult"
class="uploader"
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
:label="$t('resultofhandling')">
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]">
<template #input>
<van-radio-group v-model="form.disposeResult" direction="horizontal">
<van-radio name="Accepted" v-if="queryData.TaskKey == 'zrrqr' || queryData.TaskKey == 'dezrrqr'">
@@ -146,6 +149,10 @@
</template>
</van-field>
<div class="resultofhandlingClass">
<span>{{$t('feedback')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field
v-model.trim="form.approvalOpinion"
rows="4"
@@ -153,7 +160,6 @@
autosize
:show-error="false"
:rules="[{ required: true, message: $t('feedbackMessage') + $t('cannotEmpty') }]"
:label="$t('feedback')"
maxlength="200"
type="textarea"
:placeholder="$t('pleaseEnter')+$t('feedbackMessage')"
@@ -865,4 +871,18 @@
background: #f1f1f3;
color: #707486;
}
.resultofhandlingClass {
font-size: 0.38rem;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 500;
color: #595E72;
width: 100%;
}
.requiredClass {
color: #E83030;
font-size: 0.38rem;
margin-left: 0.06rem;
}
</style>