import { createApp } from 'vue';
|
import ArcoVue from '@arco-design/web-vue';
|
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
|
import globalComponents from '@/components';
|
import router from './router';
|
import store from './store';
|
import i18n from './locale';
|
import directive from './directive';
|
import './mock';
|
import App from './App.vue';
|
// Styles are imported via arco-plugin. See config/plugin/arcoStyleImport.ts in the directory for details
|
// 样式通过 arco-plugin 插件导入。详见目录文件 config/plugin/arcoStyleImport.ts
|
// https://arco.design/docs/designlab/use-theme-package
|
import '@/assets/style/global.less';
|
import '@/api/interceptor';
|
|
const app = createApp(App);
|
|
app.use(ArcoVue, {});
|
app.use(ArcoVueIcon);
|
|
app.use(router);
|
app.use(store);
|
app.use(i18n);
|
app.use(globalComponents);
|
app.use(directive);
|
|
app.mount('#app');
|
|
// 添加全局方法
|
app.config.globalProperties.$messageSuccess = function (data) {
|
this.$message.success(data)
|
};
|
app.config.globalProperties.$messageWarning = function (data) {
|
this.$message.warning(data)
|
};
|
app.config.globalProperties.$messageError = function (data) {
|
this.$message.error(data)
|
};
|
app.config.globalProperties.$messageInfo = function (data) {
|
this.$message.info(data)
|
};
|
app.config.globalProperties.$messageNormal = function (data) {
|
this.$message.normal(data)
|
};
|
