This commit is contained in:
aixianling
2023-04-07 09:18:34 +08:00
parent d9bbbb86d3
commit 214f92bf05

View File

@@ -9,6 +9,15 @@
<u-icon name="photo" size="64" :label="placeholder" label-pos="bottom" label-color="#89b"/>
</div>
</div>
<div class="imgList" v-else-if="type == 'video'">
<div class="item" v-for="(item, i) in fileList" :key="i">
<ai-image :src="item.url" :preview="preview"/>
<u-icon v-if="!disabled" class="delBtn" color="#f46" name="close-circle-fill" size="40" @click="remove(i)"/>
</div>
<div v-if="!disabled&&(fileList.length == 0 || (fileList.length < limit))" class="default" @click="upload">
<u-icon name="camera" size="64" :label="placeholder" label-pos="bottom" label-color="#89b"/>
</div>
</div>
<div class="fileList" v-else>
<div class="item" v-for="(item, i) in fileList" :key="i">
<ai-image :preview="preview" :file="item"/>
@@ -40,14 +49,14 @@ import AiImage from '../AiImage/AiImage'
export default {
name: 'AiUploader',
components: {AiImage},
model:{
model: {
prop: 'def', // :def.sync才可以回显v-model不能回显(bug)
event: 'input'
},
props: {
limit: {default: 1}, //数量
placeholder: {default: '添加图片'}, // 文字提示
type: {default: 'image'}, // 文件类型image还是file
type: {default: 'image'}, // 文件类型:image,file,video
multiple: {
type: Boolean,
default: false,