Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

后续计划 📒 #428

Closed
14 of 16 tasks
xiaoxian521 opened this issue Jan 30, 2023 · 1 comment
Closed
14 of 16 tasks

后续计划 📒 #428

xiaoxian521 opened this issue Jan 30, 2023 · 1 comment

Comments

@xiaoxian521
Copy link
Member

xiaoxian521 commented Jan 30, 2023

发布 4.6.0 版本(转移到5.0.0版本)

  • 完善系统管理-用户管理(完成时间:2023年8月29日)
  • 开发系统管理-菜单管理(最迟完成时间:2023年10月)
    注:菜单管理是树形表格,当表格数据量过大时,使用pure-admin-table操作会出现卡顿,因此平台打算采用Virtualized Table 虚拟化表格编写,满足树形表格大量数据的需求,操作不会卡顿

已结束

一:发布 4.0.0 版本

  • 1. 优化导航样式以及菜单折叠动画
  • 2. 优化菜单名称右侧的额外图标,使其支持更多图标渲染模式
  • 3. 采用 css 伪类 before 写法重构菜单的激活背景,类似于 ant.design-menu
  • 4. 优化 logo 图和文字布局以及统一配置
  • 5. 可配置首页菜单显示与隐藏
  • 6. 基于 element-plus Dialog 开发函数式弹框组件,使用更便捷
  • 7. 优化 PureTableBar 组件,添加列展示功能

二:集成三种前端微服务框架

大概会在 pure-admin-micro 仓库集成

三:发布 4.2.0 版本

  • 函数式弹框组件添加全屏、退出全屏操作按钮配置
  • 静态路由支持配置数组格式(目前只有动态路由支持数组格式,静态的都是对象格式)
  • 新增组件-瀑布流demo
新增分段控制器组件 image

暗黑模式

image
  • 完善角色管理

为了方便大家更清楚平台计划,该 issues 暂不支持任何评论

@xiaoxian521 xiaoxian521 pinned this issue Jan 30, 2023
@pure-admin pure-admin locked as too heated and limited conversation to collaborators Jan 30, 2023
@xiaoxian521
Copy link
Member Author

xiaoxian521 commented Feb 8, 2023

4.0.0 版本优化细节整理

1. 优化导航样式以及菜单折叠动画细节
  1. 左侧菜单折叠后菜单有图标则隐藏文字用图标展示,无图标只显示第一个文字并加上省略号,如下图
image
  1. 去除无用标签以及样式优化

比如之前左侧菜单会遇到下图多一个标签影响图标显示的问题

image image
  1. 左侧菜单展开、收起动画时长可在 src/style/index.scss 配置,默认 300 ms

之前

Kapture 2023-02-08 at 16 19 58

现在

Kapture 2023-02-08 at 16 23 08

2. 优化菜单名称右侧的额外图标,使其支持更多图标渲染模式细节 image image image image
3. 采用css伪类before写法重构菜单的激活背景,类似于ant.design-menu

pc端

image image image image image image image image

手机端

image image

当然您也可以自定义主题,背景色是会跟着适配的

image image image

如果不想区分子菜单背景,您可以这么设置

image image
4. 优化logo图和文字布局以及统一配置

之前

image image

之后

image image

为了保持 logo 的高保真,平台采用 svg 作为 logo 格式,自定义 logo 的话,您只需要修改下图 logo.svg 文件即可

image

当然平台也不限制您必须使用 svg 作为 logo 格式,也可以自定义格式,比如需要 png 的图片,只需要把上图中 logo.svg 换成所需的 logo.png ,然后来到 logo.vue#L23logo.vue#L33
horizontal.vue#L49 这三处,把 src="/logo.svg" 改成 src="/logo.png" 即可

5. 可配置首页菜单显示与隐藏

通过修改 VITE_HIDE_HOME 值即可配置首页菜单显示与隐藏,不需要任何额外操作,简单高效,如下图隐藏首页

image
6. 基于element-plus Dialog开发函数式弹框组件,使用更便捷

弹框组件代码位置:https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReDialog

弹框组件演示 demo 代码位置:https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/dialog/index.vue

image
7. 优化PureTableBar组件,添加列展示功能
  1. 删除 checkList 插槽参数,添加 dynamicColumns 插槽参数代表表格的列配置
  2. 如果需要表格多选,columnslabel 必须设置,如下图
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant