引入quasar

package.json

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
+    "@quasar/extras": "^1.17.0",
     "@tailwindcss/vite": "^4.1.10",
     "@types/node": "^24.0.0",
     "axios": "^1.9.0",
@@ -23,6 +24,7 @@
     "fast-glob": "^3.3.3",
     "pinia": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.6.13",
+    "quasar": "^2.18.1",
     "rollup-plugin-visualizer": "^6.0.3",
     "sass": "^1.89.2",
     "sortablejs": "^1.15.6",
@@ -37,6 +39,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.28.0",
+    "@quasar/vite-plugin": "^1.9.0",
     "@vitejs/plugin-vue": "^5.2.4",
     "eslint": "^9.28.0",
     "eslint-plugin-vue": "^10.2.0",

src/main.ts

@@ -11,9 +11,10 @@ import './browerPatch'
 import { createPinia } from 'pinia'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import { Quasar } from 'quasar'
+import '@quasar/extras/material-icons/material-icons.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import './style/tailwind.css'
-
 const app = createApp(App)
 app.use(initDirectives)
 app.use(createPinia())
@@ -22,6 +23,9 @@ initComponent(app)
 // await initRoutes()
 app.use(router)
 app.use(ElementPlus as any)
+app.use(Quasar, {
+  plugins: {}, // import Quasar plugins and add here
+})
 app.mount('#app')
 // 设置为 true 以在浏览器开发工具的 performance/timeline 面板中启用对组件初始化、编译、渲染和更新的性能追踪。
 app.config.performance = true

src/style/index.scss

@@ -126,3 +126,12 @@ body,
     overflow: hidden;
   }
 }
+
+
+.quasar-css {
+  @import 'quasar/src/css/index.sass';
+  .q-tree__node--selected,
+  .q-tree__node--selected .q-tree__node-header-content {
+    color: var(--czr-main-color) !important;
+  }
+}

vite.config.ts

@@ -8,6 +8,7 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' // 【svg-icons相
 import VitePluginHtmlEnv from 'vite-plugin-html-env'
 // @ts-ignore
 import tailwindcss from '@tailwindcss/vite'
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin'
 
 const time = new Date().getTime()
 export default defineConfig(({ mode, command }) => {
@@ -18,7 +19,10 @@ export default defineConfig(({ mode, command }) => {
       'process.env': process.env,
     },
     plugins: [
-      vue(),
+      vue({
+        template: { transformAssetUrls },
+      }),
+      quasar(),
       tailwindcss(),
       viteCompression(),
       VitePluginHtmlEnv(),

yarn.lock

@@ -481,6 +481,16 @@
   resolved "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz#a7f69e3665d3da9b115f9e71671dae1b97e13671"
   integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==
 
+"@quasar/extras@^1.17.0":
+  version "1.17.0"
+  resolved "https://registry.npmmirror.com/@quasar/extras/-/extras-1.17.0.tgz#966c0464a069d15f929d14f51b61fc8efefcf76c"
+  integrity sha512-KqAHdSJfIDauiR1nJ8rqHWT0diqD0QradZKoVIZJAilHAvgwyPIY7MbyR2z4RIMkUIMUSqBZcbshMpEw+9A30w==
+
+"@quasar/vite-plugin@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npmmirror.com/@quasar/vite-plugin/-/vite-plugin-1.9.0.tgz#c95748490ebe3b769cbd851ea60f3461743c5083"
+  integrity sha512-r1MFtI2QZJ2g20pe75Zuv4aoi0uoK8oP0yEdzLWRoOLCbhtf2+StJpUza9TydYi3KcvCl9+4HUf3OAWVKoxDmQ==
+
 "@rollup/plugin-virtual@^3.0.2":
   version "3.0.2"
   resolved "https://registry.npmmirror.com/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz#17e17eeecb4c9fa1c0a6e72c9e5f66382fddbb82"
@@ -3426,6 +3436,11 @@ punycode@^2.1.0:
   resolved "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
+quasar@^2.18.1:
+  version "2.18.1"
+  resolved "https://registry.npmmirror.com/quasar/-/quasar-2.18.1.tgz#3e9c68ef1db72cbbb188f2f943ac03662e712162"
+  integrity sha512-db/P64Mzpt1uXJ0MapaG+IYJQ9hHDb5KtTCoszwC78DR7sA+Uoj7nBW2EytwYykIExEmqavOvKrdasTvqhkgEg==
+
 query-string@^4.3.2:
   version "4.3.4"
   resolved "https://registry.npmmirror.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"