update

user_web/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "@element-plus/icons-vue": "^2.3.1",
         "@types/vue-router": "^2.0.0",
+        "@vant/touch-emulator": "^1.4.0",
         "@wangeditor/editor": "^5.1.23",
         "@wangeditor/editor-for-vue": "^5.1.12",
         "axios": "^1.6.5",
@@ -20,6 +21,7 @@
         "mitt": "^3.0.1",
         "pinia": "^2.1.7",
         "pinia-plugin-persistedstate": "^3.2.1",
+        "vant": "4.9.9",
         "vue": "^3.4.3",
         "vue-router": "^4.2.5"
       },
@@ -583,6 +585,27 @@
         "@uppy/core": "^2.3.3"
       }
     },
+    "node_modules/@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw==",
+      "license": "MIT"
+    },
+    "node_modules/@vant/touch-emulator": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vant/touch-emulator/-/touch-emulator-1.4.0.tgz",
+      "integrity": "sha512-Zt+zISV0+wpOew2S1siOJ3G22y+hapHAKmXM+FhpvWzsRc4qahaYXatCAITuuXt0EcDp7WvEeTO4F7p9AtX/pw==",
+      "license": "MIT"
+    },
+    "node_modules/@vant/use": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@vant/use/-/use-1.6.0.tgz",
+      "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "4.6.2",
       "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
@@ -1985,6 +2008,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vant": {
+      "version": "4.9.9",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-4.9.9.tgz",
+      "integrity": "sha512-sEw3ljwCza5dazpJqh04b38vCjNr2Id8vb7LOkYQQR/94iERDIm5jcQinhmwlRnwoGCa+JkNwm0jrCafzZJiwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.6.0",
+        "@vue/shared": "^3.5.12"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vant/node_modules/@vue/shared": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.17.tgz",
+      "integrity": "sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==",
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "5.0.12",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.12.tgz",

user_web/package.json

@@ -21,6 +21,8 @@
     "lodash": "^4.17.21",
     "mitt": "^3.0.1",
     "pinia": "^2.1.7",
+    "vant": "4.9.9",
+    "@vant/touch-emulator": "^1.4.0",
     "pinia-plugin-persistedstate": "^3.2.1",
     "vue": "^3.4.3",
     "vue-router": "^4.2.5"

user_web/src/main.ts

@@ -10,12 +10,26 @@ import App from './App.vue';
 import axios from 'axios';
 import pinia from './stores/index';
 
+/**
+ * 集成 vant 手机端
+ * https://vant-ui.github.io/vant/#/zh-CN/dialog
+ */
+import Vant from 'vant';
+
+// 让vant自适应电脑端
+import '@vant/touch-emulator';
+
+// 2. 引入组件样式
+// import 'vant/lib/index.css';
+import 'vant/lib/index.css';
+
 const app = createApp(App);
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
     app.component(key, component);
 }
 app.use(router);
 app.use(pinia);
+app.use(Vant);
 app.use(ElementPlus, { locale: zhCn });
 app.config.globalProperties.eventBus = mitt();
 axios.defaults.baseURL = import.meta.env.VITE_APP_BASE_API;