中后台前端优雅解决方案

48 阅读1分钟

简述

  • 本项目是基于vue-element-admin的vue3+vite升级版本,进行了大量的二次开发,包括了
    • 代码体积,可阅读性,可维护性的优化。
    • 模板界面更加简洁美观,且能高度自定义以及快速移植至已有项目
    • 内存占用与响应速度优化
    • 动化效果,过渡效果更加丝滑
  • 技术栈:Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia

左侧边栏

  • 三模切换:隐藏,折叠,展开
  • 自动展开激活菜单所在菜单组
  • 导航高亮
    由于vue-router自带的导航高亮需要与路由关联,且仅支持RouterLink,不支持a,div
    而ElMenu的导航高亮也不满足需求
    所以决定使用路径枚举来实现通用,且能高度自定义的导航高亮,这样不仅与路由解耦,又能快速的加到各种菜单组件 不过可能带来较小的性能开销
  • 状态缓存
    可以缓存左侧边栏的模式,展开的菜单组
  • 丝滑动效
  • 待办
    • el-menu-poper 主题样式 与 el-menu 一致