fix: 修复举报样式错乱

This commit is contained in:
weifs 2024-04-26 09:59:18 +08:00
parent 693fa46688
commit aef23dda13
2 changed files with 26 additions and 19 deletions

View File

@ -1,25 +1,27 @@
<template> <template>
<div class="dialog-complaint-info"> <div class="dialog-complaint-info">
<div class="group-complaint-title">{{ $L('匿名举报') }}</div> <div class="group-complaint-title">{{ $L('匿名举报') }}</div>
<div class="group-complaint-title underline required">{{ $L('请输入举报类型:') }}</div> <div class="group-complaint-warp">
<div class="group-complaint-list"> <div class="group-complaint-title underline required">{{ $L('请输入举报类型:') }}</div>
<List> <div class="group-complaint-list">
<ListItem v-for="(item, index) in typeList" :key="index" :class="{ 'active': typeId == item.id }"> <List>
<div class="text" @click="onSelectType(item)">{{ $L(item.label) }}</div> <ListItem v-for="(item, index) in typeList" :key="index" :class="{ 'active': typeId == item.id }">
<RadioGroup v-model="typeId"> <div class="text" @click="onSelectType(item)">{{ $L(item.label) }}</div>
<Radio :label="item.id" :model-value="typeId">&nbsp;</Radio> <RadioGroup v-model="typeId">
</RadioGroup> <Radio :label="item.id" :model-value="typeId">&nbsp;</Radio>
</ListItem> </RadioGroup>
</List> </ListItem>
</div> </List>
<!-- --> </div>
<div class="group-complaint-title required">{{ $L('请输入举报原因:') }}</div> <!-- -->
<div class="group-complaint-reason"> <div class="group-complaint-title required">{{ $L('请输入举报原因:') }}</div>
<Input v-model="reason" type="textarea" maxlength="500" :autosize="{ minRows: 4, maxRows: 8 }" <div class="group-complaint-reason">
:placeholder="$L('请输入填写详细的举报原因,以使我们更好的帮助你解决问题')" /> <Input v-model="reason" type="textarea" maxlength="500" :autosize="{ minRows: 4, maxRows: 8 }"
</div> :placeholder="$L('请输入填写详细的举报原因,以使我们更好的帮助你解决问题')" />
<div class="group-complaint-img"> </div>
<ImgUpload v-model="imgs" :num="5" :width="512" :height="512" :whcut="1"></ImgUpload> <div class="group-complaint-img">
<ImgUpload v-model="imgs" :num="5" :width="512" :height="512" :whcut="1"></ImgUpload>
</div>
</div> </div>
<!-- --> <!-- -->
<div class="group-info-button"> <div class="group-info-button">

View File

@ -21,6 +21,11 @@
} }
} }
.group-complaint-warp {
height: calc(100% - 107px);
overflow: auto;
}
.group-complaint-list { .group-complaint-list {
margin: 0 24px 0; margin: 0 24px 0;
.ivu-list-item { .ivu-list-item {