图片上传优化

product
mhsnet 2 years ago
parent 7550e9c41d
commit 6878a1f0a2

@ -153,13 +153,13 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
>>>.el-upload-list--picture-card .el-upload-list__item { .el-upload-list--picture-card .el-upload-list__item {
width: 120px; width: 120px;
height: 120px; height: 120px;
} }
>>>.el-upload--picture-card { .el-upload--picture-card {
width: 120px; width: 120px;
height: 120px; height: 120px;
line-height: 120px; line-height: 120px;
@ -167,5 +167,10 @@ export default {
.upload-btn { .upload-btn {
display: inline-block; display: inline-block;
overflow: hidden;
}
.el-upload--picture-card .el-upload-dragger{
width: 144px;
height: 144px;
} }
</style> </style>

@ -153,7 +153,7 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.el-upload-list--picture-card .el-upload-list__item { .el-upload-list--picture-card .el-upload-list__item {
width: 120px; width: 120px;
height: 120px; height: 120px;
@ -167,7 +167,9 @@ export default {
.upload-btn { .upload-btn {
display: inline-block; display: inline-block;
overflow: hidden;
} }
.el-upload--picture-card .el-upload-dragger { .el-upload--picture-card .el-upload-dragger {
width: 144px; width: 144px;
height: 144px; height: 144px;

@ -7,17 +7,17 @@
<template v-if="!loading"> <template v-if="!loading">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="磅单上传" prop="poundPictures"> <el-form-item label="磅单上传" prop="poundPictures">
<JNPF-UploadImg2 v-model="dataForm.poundPictures" :fileSize="500" sizeUnit="MB" :limit="1" <JNPF-UploadImg2B v-model="dataForm.poundPictures" :fileSize="500" sizeUnit="MB" :limit="1"
@change="imgChange"> @change="imgChange">
</JNPF-UploadImg2> </JNPF-UploadImg2B>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="车辆图片" prop="vehiclePictures"> <el-form-item label="车辆图片" prop="vehiclePictures">
<JNPF-UploadImg v-model="dataForm.vehiclePictures" :fileSize="500" sizeUnit="MB" :limit="9"> <JNPF-UploadImgB v-model="dataForm.vehiclePictures" :fileSize="500" sizeUnit="MB" :limit="9">
</JNPF-UploadImg> </JNPF-UploadImgB>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">

Loading…
Cancel
Save