772e35b35b2336408e6d745f0cb3e542d30e3248
前端基座版本
智视界前端管理系统-基座版本
项目结构目录
- modules 为内置插件模块
项目技术方案
项目技术类型:Vue3.5+Typescript+Vite 技术方案 微前端工具:micro-app 状态管理工具:Pina 测试工具:jest 国际化: i18n 工作流-工作节点工具:vueflow
基础样式组件介绍
- 颜色-样式 统一色调值
- 尺寸-样式 统一样式大小
- 布局-样式 Layout普通管理系统布局
表单组件封装样式
- 表单组件统一封装 表单按照label-position="top"方式
- 弹窗组件统一风格样式
- 抽屉组件统一风格样式
- 表单编辑统一使用 双击表单即为编辑 失去焦点即为保存 这种机制
- 表单字段涉及到下方权限功能
后续迭代方向
- 插件功能抽离为单独的组件模块 通过url方式进行引入调试 实现跟主应用解耦的操作
项目中使用到的插件库实现情况
[x] i18n注入 语言全局化实现 [x] 状态管理工具Pinia实现 [x] ElementPlus 组件引入 并且实现i18n [x] 路由由后端控制实现动态路由
Description
Languages
Vue
68.2%
TypeScript
27.1%
SCSS
4.3%
JavaScript
0.2%
HTML
0.2%