babel

src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import ViewUIPlus from 'view-ui-plus'
+// import ViewUIPlus from 'view-ui-plus'
 import App from './App.vue'
 import router from './router'
 import axios from 'axios'
@@ -7,6 +7,9 @@ import VueAxios from 'vue-axios'
 import i18n from './i18n/'
 import NoteConstant from "@/libs/constants"
 
+import {Layout,Header,Row,Col,Modal,Button,ButtonGroup,Card,Content,Input,Form,WordCount,Footer,Skeleton,SkeletonItem,Badge,Icon,Tag} from 'view-ui-plus';
+//import 'view-ui-plus/dist/styles/viewuiplus.css';
+
 axios.defaults.baseURL = NoteConstant.servicePath;
 const debugFlag = process.env.NODE_ENV !== 'production';
 
@@ -16,14 +19,28 @@ app.config.debug = debugFlag;
 app.config.devtools = debugFlag;
 app.config.productionTip = debugFlag;
 
+app.component('Layout', Layout);
+app.component('Header', Header);
+app.component('Row', Row);
+app.component('Col', Col);
+app.component('Modal', Modal);
+app.component('Button', Button);
+app.component('ButtonGroup', ButtonGroup);
+app.component('Card', Card);
+app.component('Content', Content);
+app.component('Input', Input);
+app.component('Form', Form);
+app.component('WordCount', WordCount);
+app.component('Footer', Footer);
+app.component('Skeleton', Skeleton);
+app.component('SkeletonItem', SkeletonItem);
+app.component('Badge', Badge);
+app.component('Icon', Icon);
+app.component('Tag', Tag);
+
+
 app.use(router)
   .use(i18n)
   .use(VueAxios, axios)
-  .use(ViewUIPlus, {
-    i18n: i18n,
-    transfer: true,
-    size: 'large',
-    capture: false,
-  })
   .mount('#app')