Files
dashboard/.qoder/repowiki/knowledge/zh/Luxsin CMS Dashboard(前后端单体仓库)/编码规范.md
T
eafonyang f48f1cce70 docs(tabs): 更新标签页视图组件设计与交互细节
- 采用固定内边距策略,解决标签页悬停时的布局抖动问题
- 统一关闭按钮尺寸为14x14px,提升视觉一致性
- 优化活动标签和悬停状态的层级管理,确保视觉层次正确
- 增强视觉反馈,添加内嵌阴影效果改善用户体验
- 添加平滑颜色过渡动画(0.2秒),提升交互流畅度
- 支持玻璃拟态设计系统,实现现代化视觉风格
- 完善工具箱图标支持,确保标签页工具功能准确显示
2026-07-15 09:58:56 +08:00

885 B

  • CSS 主题通过 :root 下的 --lux-* 变量集中管理颜色、模糊、阴影、圆角,组件样式一律引用这些变量而非硬编码色值。
  • 所有覆盖 Element Plus 的全局样式都包裹在 .lux-shell 命名空间下,避免污染登录页等非 shell 页面。
  • 后端路由文件只导出 { path, handler } 对象数组,由 routes/index.js 统一遍历注册,新增接口只需新建文件并在 index 中引入。
  • 模型定义遵循 src/models/<Name>.js 单文件一个 Sequelize Model 的模式,并通过 src/models/index.js 统一关联与导出。
  • 业务逻辑从路由中下沉到 src/services/*,路由仅做参数校验与响应包装,保持控制器薄而纯。
  • 前端 API 模块按资源维度拆分为 api/*.js,每个模块暴露同名函数,组件通过 import { listModels } from '@/api/model' 直接调用。