- 建立 Design Token 体系(variables.scss),统一颜色、间距、圆角、阴影、字体 - Element Plus 主题对接,通过 CSS 变量覆盖组件样式,删除所有 !important 按钮覆盖 - 统一侧边栏/头部/标签栏配色,侧边栏背景跟随主色调 - 全局组件样式规范化(按钮、输入框、表格、弹窗、抽屉、标签、分页等圆角和交互统一) - 左侧树面板改为搜索区级联选择器(7个基础信息页面+计划任务) - 搜索区封装为 qu-search-area 卡片式组件,超过5项自动展开/收起 - 表格操作按钮集成到 qu-table 组件工具栏 - 表格高度自动撑满(ResizeObserver),列宽自动伸缩(min-width) - 新增主题设置(主色切换+调色板+暗色/浅色模式+跟随系统) - 新增上下布局模式(顶部水平导航菜单+页面标题) - 暗色模式完整适配(表格、弹窗、分页、斑马纹等) - 布局优化:tags+头像合并一行,收缩按钮改为侧边栏半圆触发器 - 后端 MySQL 配置添加 allowPublicKeyRetrieval=true Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
39 lines
833 B
JavaScript
39 lines
833 B
JavaScript
import { defineConfig } from "vite";
|
|
import vue from "@vitejs/plugin-vue";
|
|
import { join } from "path";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
base: "./",
|
|
plugins: [vue()],
|
|
resolve: {
|
|
alias: {
|
|
"@": join(__dirname, "src"),
|
|
},
|
|
},
|
|
css: {
|
|
// css预处理器
|
|
preprocessorOptions: {
|
|
scss: {
|
|
// 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了
|
|
additionalData: '@import "./src/Assets/css/base.scss";',
|
|
},
|
|
},
|
|
},
|
|
server: {
|
|
host: true,
|
|
port: 8079,
|
|
proxy: {
|
|
"/api": {
|
|
// target: "https://b.ququsearch.com",
|
|
target: "http://100.93.0.28:8095",
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api/, ""),
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
sourcemap: true,
|
|
},
|
|
});
|