增加多个图片上传组件
This commit is contained in:
1 parent
56673efb64
commit
1c32f3a632
7 files changed
+484
-195
No files matched your search
+33
-32
@@ -4,6 +4,7 @@ import DictTag from '/@/components/DictTag/index.vue';
|
||||
import UploadExcel from '/@/components/Upload/Excel.vue';
|
||||
import UploadFile from '/@/components/Upload/index.vue';
|
||||
import UploadImg from '/@/components/Upload/Image.vue';
|
||||
import UploadImgs from '/@/components/Upload/Images.vue';
|
||||
import DelWrap from '/@/components/DelWrap/index.vue';
|
||||
import Editor from '/@/components/Editor/index.vue';
|
||||
import Tip from '/@/components/Tip/index.vue';
|
||||
@@ -12,12 +13,12 @@ import SvgIcon from '/@/components/SvgIcon/index.vue';
|
||||
|
||||
// 第三方组件
|
||||
import ElementPlus from 'element-plus';
|
||||
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
||||
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
|
||||
import 'element-plus/dist/index.css';
|
||||
import {Pane, Splitpanes} from 'splitpanes';
|
||||
import { Pane, Splitpanes } from 'splitpanes';
|
||||
import 'splitpanes/dist/splitpanes.css';
|
||||
// 日历组件
|
||||
import {setupCalendar} from 'v-calendar';
|
||||
import { setupCalendar } from 'v-calendar';
|
||||
// @ts-ignore 引入VForm3库
|
||||
import VForm3 from 'form-designer-plus'; //
|
||||
import 'form-designer-plus/dist/designer.style.css'; //引入VForm3样式
|
||||
@@ -25,36 +26,36 @@ import 'form-designer-plus/dist/designer.style.css'; //引入VForm3样式
|
||||
import vue3TreeOrg from 'vue3-tree-org';
|
||||
import 'vue3-tree-org/lib/vue3-tree-org.css';
|
||||
|
||||
|
||||
// 导入声明
|
||||
import {App} from "vue";
|
||||
import { App } from 'vue';
|
||||
|
||||
export default {
|
||||
install(app: App) {
|
||||
app.component('DictTag', DictTag);
|
||||
app.component('Pagination', Pagination);
|
||||
app.component('RightToolbar', RightToolbar);
|
||||
app.component('uploadExcel', UploadExcel);
|
||||
app.component('UploadFile', UploadFile);
|
||||
app.component('UploadImg', UploadImg);
|
||||
app.component('Editor', Editor);
|
||||
app.component('Tip', Tip);
|
||||
app.component('DelWrap', DelWrap);
|
||||
app.component('TagList', TagList);
|
||||
app.component('SvgIcon', SvgIcon);
|
||||
install(app: App) {
|
||||
app.component('DictTag', DictTag);
|
||||
app.component('Pagination', Pagination);
|
||||
app.component('RightToolbar', RightToolbar);
|
||||
app.component('uploadExcel', UploadExcel);
|
||||
app.component('UploadFile', UploadFile);
|
||||
app.component('UploadImg', UploadImg);
|
||||
app.component('UploadImgs', UploadImgs);
|
||||
app.component('Editor', Editor);
|
||||
app.component('Tip', Tip);
|
||||
app.component('DelWrap', DelWrap);
|
||||
app.component('TagList', TagList);
|
||||
app.component('SvgIcon', SvgIcon);
|
||||
|
||||
// 导入全部的elmenet-plus的图标
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component)
|
||||
// 兼容性
|
||||
app.component(`ele-${key}`, component)
|
||||
}
|
||||
// 导入布局插件
|
||||
app.component('Splitpanes', Splitpanes);
|
||||
app.component('Pane', Pane);
|
||||
app.use(ElementPlus) // ELEMENT 组件
|
||||
app.use(setupCalendar, {}) // 日历组件
|
||||
app.use(VForm3) // 表单设计
|
||||
app.use(vue3TreeOrg) // 组织架构组件
|
||||
}
|
||||
}
|
||||
// 导入全部的elmenet-plus的图标
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component);
|
||||
// 兼容性
|
||||
app.component(`ele-${key}`, component);
|
||||
}
|
||||
// 导入布局插件
|
||||
app.component('Splitpanes', Splitpanes);
|
||||
app.component('Pane', Pane);
|
||||
app.use(ElementPlus); // ELEMENT 组件
|
||||
app.use(setupCalendar, {}); // 日历组件
|
||||
app.use(VForm3); // 表单设计
|
||||
app.use(vue3TreeOrg); // 组织架构组件
|
||||
},
|
||||
};
|
||||
Reference in new issue
Block a user