feat:更新

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
   env: {
     node: true,
   },
-  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
   parserOptions: {
     parser: "babel-eslint",
   },

README.md

@@ -1,4 +1,4 @@
-# electron-vue
+# dsfsdf
 
 ## Project setup
 ```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "electron-vue",
+  "name": "dsfsdf",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -13,28 +13,29 @@
   },
   "main": "background.js",
   "dependencies": {
+    "ant-design-vue": "^1.7.4",
     "core-js": "^3.6.5",
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0-0",
-    "vuex": "^4.0.0-0"
+    "vue": "^2.6.11",
+    "vue-router": "^3.2.0",
+    "vuex": "^3.4.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
+    "@vue/cli-plugin-babel": "^4.5.0",
+    "@vue/cli-plugin-eslint": "^4.5.0",
+    "@vue/cli-plugin-router": "^4.5.0",
+    "@vue/cli-plugin-vuex": "^4.5.0",
+    "@vue/cli-service": "^4.5.0",
     "@vue/eslint-config-prettier": "^6.0.0",
     "babel-eslint": "^10.1.0",
     "electron": "^11.0.0",
     "electron-devtools-installer": "^3.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.0.0",
+    "eslint-plugin-vue": "^6.2.2",
     "node-sass": "^4.12.0",
     "prettier": "^2.2.1",
     "sass-loader": "^8.0.2",
-    "vue-cli-plugin-electron-builder": "~2.0.0-rc.6"
+    "vue-cli-plugin-electron-builder": "^2.0.0-rc.6",
+    "vue-template-compiler": "^2.6.11"
   }
 }

src/App.vue

@@ -1,5 +1,7 @@
 <template>
+  <div id="app">
     <router-view />
+  </div>
 </template>
 
 <style lang="scss">

src/main.js

@@ -1,6 +1,15 @@
-import { createApp } from "vue";
+import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
+import Antd from "ant-design-vue";
+import "ant-design-vue/dist/antd.css";
 
-createApp(App).use(store).use(router).mount("#app");
+Vue.config.productionTip = false;
+Vue.use(Antd);
+
+new Vue({
+    router,
+    store,
+    render: (h) => h(App),
+}).$mount("#app");

src/router/index.js

@@ -1,25 +1,27 @@
-import { createRouter, createWebHashHistory } from "vue-router";
-import Home from "../views/Home.vue";
+import Vue from "vue";
+import VueRouter from "vue-router";
+// import Home from "../views/Home.vue";
+
+Vue.use(VueRouter);
 
 const routes = [
+    // {
+    //   path: "/",
+    //   name: "Home",
+    //   component: Home,
+    // },
     {
         path: "/",
-    name: "Home",
-    component: Home,
-  },
-  {
-    path: "/about",
         name: "About",
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
         component: () =>
-      import(/* webpackChunkName: "about" */ "../views/About.vue"),
+            import ( /* webpackChunkName: "about" */ "../views/About.vue"),
     },
 ];
 
-const router = createRouter({
-  history: createWebHashHistory(),
+const router = new VueRouter({
     routes,
 });
 

src/store/index.js

@@ -1,6 +1,9 @@
-import { createStore } from "vuex";
+import Vue from "vue";
+import Vuex from "vuex";
 
-export default createStore({
+Vue.use(Vuex);
+
+export default new Vuex.Store({
   state: {},
   mutations: {},
   actions: {},

src/views/About.vue

@@ -1,5 +1,34 @@
 <template>
   <div class="about">
-    <h1>This is an about page</h1>
+    <a-upload-dragger
+      name="file"
+      :multiple="true"
+      @change="handleChange"
+      @beforeUpload="beforeUpload"
+    >
+      <p class="ant-upload-drag-icon">
+        <a-icon type="inbox" />
+      </p>
+      <p class="ant-upload-text">Click or drag file to this area to upload</p>
+      <p class="ant-upload-hint">
+        Support for a single or bulk upload. Strictly prohibit from uploading
+        company data or other band files
+      </p>
+    </a-upload-dragger>
   </div>
 </template>
+
+<script>
+export default {
+  name: "About",
+  methods: {
+    handleChange(info) {
+      console.log(info);
+    },
+    beforeUpload(event) {
+      console.log(event);
+      return false;
+    },
+  },
+};
+</script>