|
|
@ -21,16 +21,17 @@ |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 上传提示 --> |
|
|
|
<!-- 上传提示 --> |
|
|
|
<!-- <div class="el-upload__tip" slot="tip" v-if="showTip"> |
|
|
|
<div class="el-upload__tip" slot="tip" v-if="showTip"> |
|
|
|
请上传 |
|
|
|
<span style="color: #E84545;font-size:14px">仅支持png或jpg,小于1M</span> |
|
|
|
|
|
|
|
<!-- 请上传 |
|
|
|
<template v-if="fileSize"> |
|
|
|
<template v-if="fileSize"> |
|
|
|
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> |
|
|
|
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-if="fileType"> |
|
|
|
<template v-if="fileType"> |
|
|
|
格式为 <b style="color: #f56c6c">{{ fileType.join('/') }}</b> |
|
|
|
格式为 <b style="color: #f56c6c">{{ fileType.join('/') }}</b> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
的文件 |
|
|
|
的文件 --> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="dialogVisible" title="预览" width="800" append-to-body> |
|
|
|
<el-dialog :visible.sync="dialogVisible" title="预览" width="800" append-to-body> |
|
|
|
<img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto; object-fit:cover" /> |
|
|
|
<img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto; object-fit:cover" /> |
|
|
@ -50,12 +51,12 @@ export default { |
|
|
|
// 大小限制(MB) |
|
|
|
// 大小限制(MB) |
|
|
|
fileSize: { |
|
|
|
fileSize: { |
|
|
|
type: Number, |
|
|
|
type: Number, |
|
|
|
default: 1024, |
|
|
|
default: 1, |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 文件类型, 例如['png', 'jpg', 'jpeg'] |
|
|
|
// 文件类型, 例如['png', 'jpg', 'jpeg'] |
|
|
|
fileType: { |
|
|
|
fileType: { |
|
|
|
type: Array, |
|
|
|
type: Array, |
|
|
|
default: () => ['png', 'jpg', 'jpeg'], |
|
|
|
default: () => ['png', 'jpg'], |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 是否显示提示 |
|
|
|
// 是否显示提示 |
|
|
|
isShowTip: { |
|
|
|
isShowTip: { |
|
|
|