Merge remote-tracking branch 'origin/modular' into modular
# Conflicts: # components.d.ts
This commit is contained in:
@@ -4,12 +4,14 @@
|
|||||||
class="w-[96px] h-[96px] overflow-hidden border border-solid border-blue-600 bg-gray-50 rounded-md p-2"
|
class="w-[96px] h-[96px] overflow-hidden border border-solid border-blue-600 bg-gray-50 rounded-md p-2"
|
||||||
>
|
>
|
||||||
<AUpload
|
<AUpload
|
||||||
|
accept=".jpg,.jpeg,.png,.webp"
|
||||||
v-model:file-list="fileList"
|
v-model:file-list="fileList"
|
||||||
name="file"
|
name="file"
|
||||||
list-type="picture-card"
|
list-type="picture-card"
|
||||||
:showUploadList="true"
|
:showUploadList="true"
|
||||||
:multiple="false"
|
:multiple="false"
|
||||||
:action="uploadURL"
|
:action="uploadURL"
|
||||||
|
:capture="undefined"
|
||||||
:headers="fileHeader"
|
:headers="fileHeader"
|
||||||
:before-upload="beforeUpload"
|
:before-upload="beforeUpload"
|
||||||
@change="handleChange"
|
@change="handleChange"
|
||||||
|
|||||||
@@ -3,11 +3,13 @@
|
|||||||
<div class="border border-solid border-blue-600 bg-gray-50 w-full rounded-md p-2">
|
<div class="border border-solid border-blue-600 bg-gray-50 w-full rounded-md p-2">
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<AUpload
|
<AUpload
|
||||||
|
accept=".jpg,.jpeg,.png,.webp"
|
||||||
v-model:file-list="fileList"
|
v-model:file-list="fileList"
|
||||||
name="file"
|
name="file"
|
||||||
list-type="picture-card"
|
list-type="picture-card"
|
||||||
:show-upload-list="false"
|
:show-upload-list="false"
|
||||||
:action="uploadURL"
|
:action="uploadURL"
|
||||||
|
:capture="undefined"
|
||||||
:headers="fileHeader"
|
:headers="fileHeader"
|
||||||
:showUploadList="true"
|
:showUploadList="true"
|
||||||
:before-upload="beforeUpload"
|
:before-upload="beforeUpload"
|
||||||
@@ -94,9 +96,11 @@ function handleChange(info: UploadChangeParam) {
|
|||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload-picture-card-wrapper {
|
.ant-upload-picture-card-wrapper {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload {
|
.ant-upload {
|
||||||
width: 78px !important;
|
width: 78px !important;
|
||||||
height: 78px !important;
|
height: 78px !important;
|
||||||
@@ -104,18 +108,22 @@ function handleChange(info: UploadChangeParam) {
|
|||||||
border: dashed 1px #93c5fd;
|
border: dashed 1px #93c5fd;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload-list-picture-card-container {
|
.ant-upload-list-picture-card-container {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 78px !important;
|
width: 78px !important;
|
||||||
height: 78px !important;
|
height: 78px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload-list-picture-card .ant-upload-list-item {
|
.ant-upload-list-picture-card .ant-upload-list-item {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
.ant-upload-list-picture-card .ant-upload-list-item-info {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-upload-list {
|
.ant-upload-list {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|||||||
Reference in New Issue
Block a user