From bd5864ce89c99b26de8a0a3b52b0b8a5b6004e48 Mon Sep 17 00:00:00 2001
From: 6401beb03f7e77205359be50 <6401beb03f7e77205359be50@devide>
Date: Tue, 30 May 2023 08:15:51 +0000
Subject: [PATCH] Auto Commit

---
 package.json         |  3 ++-
 src/App.vue          | 11 ++---------
 src/main.js          |  4 +++-
 src/router/router.js | 10 ++++++++++
 4 files changed, 17 insertions(+), 11 deletions(-)
 create mode 100644 src/router/router.js

diff --git a/package.json b/package.json
index aa1c7de..a742aee 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
   },
   "dependencies": {
     "guess": "^1.0.2",
-    "vue": "^3.2.37"
+    "vue": "^3.2.37",
+    "vue-router": "^4.2.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.1",
diff --git a/src/App.vue b/src/App.vue
index b257cc3..000d31f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,12 +15,6 @@ nextTick(() => {
   if(isWebPlatform()) initDrag()
   else initDrag1()
 })
-/*
-注意事项：
-1. 父元素的宽高、元素在其内内移动。
-2. 拖拽和点击事件的冲突解决、使用时间戳
-3. 图片拖拽时候不可拖拽、阻止默认事件
-* */
 
 //pc端
 let time = 0
@@ -129,13 +123,12 @@ const isWebPlatform = ()=> {
 
 <style scoped>
 .drag {
-  width: 50%;
-  height: 50vh;
+  width: 300px;
+  height: 400px;
   border: solid 1px pink;
   margin: 0 auto;
   position: relative;
 }
-
 .drag-box {
   width: 50px;
   height: 50px;
diff --git a/src/main.js b/src/main.js
index 90e6400..c5a8605 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,4 +3,6 @@ import App from './App.vue'
 
 import './assets/main.css'
 
-createApp(App).mount('#app')
+import router from './router/router'
+
+createApp(App).mount('#app').use(router)
diff --git a/src/router/router.js b/src/router/router.js
new file mode 100644
index 0000000..f587b3b
--- /dev/null
+++ b/src/router/router.js
@@ -0,0 +1,10 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+ 
+  ]
+})
+
+export default router
-- 
GitLab