diff --git a/package.json b/package.json
index aa1c7deb0adb6e6aea5a1380426189ac24eee7a7..a742aeefcc55c29e470e377e168ae457b283539c 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 b257cc3172594fff44809f6f783077b9c0b99335..000d31f7f7fbfaceba4c44818baa43254abfa2eb 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 90e6400b4d8ad8aba0c1caa53874eb4b81380648..c5a86050b9c48808d3a5bb4cf28dc7e1fea1cc8f 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 0000000000000000000000000000000000000000..f587b3b6e36570becafe02c61644afb349d9aa3b
--- /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