图片改为可以拖拽上传

This commit is contained in:
lmj
2022-10-19 15:15:15 +08:00
parent 1d83978e67
commit 522ffeadbd
4 changed files with 234 additions and 5 deletions

View File

@@ -7,12 +7,12 @@
</el-form-item>
<el-form-item class="imgInstructions" label="封面">
<div class="el-form-item__content">
<imageUpload :value="converImage" width="133px" height="100px" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload>
<dl>
<imageUpload :value="converImage" width="410px" height="168px" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload>
<!-- <dl>
<dt>上传封面说明</dt>
<dd>上传为4:3(:400*300)的png或jpg图片</dd>
<dd>允许上传图片大小为5MB</dd>
</dl>
</dl> -->
</div>
</el-form-item>
@@ -51,7 +51,7 @@
import agreement from '@/components/Portal/agreement.vue'
import { mapGetters } from 'vuex';
import WxEditor from '@/components/Editor/index.vue';
import imageUpload from '@/components/ImageUpload/index.vue';
import imageUpload from '@/components/ImageUpload/artimgUpload.vue';
import apiArticle from '@/api/modules/article.js';
export default {
name: 'atticleAdd',