不负青春,砥砺前行,VueAdminWork—2.0与您继续同行,众多实用功能等您而来

简介: 不负青春,砥砺前行,VueAdminWork—2.0与您继续同行,众多实用功能等您而来

前言

hello~各们小伙伴们大家好,好长时间没有和大家见面了,最近也是一直忙着进行各版本的更新迭代,加上工作比较忙,所以最近一段时间没有及时更新文章,还请大家多多理解。

下面给大家说一下最近各版本的更新情况,其中VueAdminWorkP版本开启了2.0版本。

也同时给大家说一下VueAdminWorkP 正式更名为 AdminWorkPro


升级内容

  • AdminWorkPro

### 2022-4-15(v: 2.0.0)

- 重要升级:项目名称由原来的 `Vue Admin Work P` 改为 `Admin Work Pro`

- 重要升级:优化 `tabbar` 中 `Nscrollbar` 组件的滑动流程代码,并修复在选择某个路由的时候,不会切换到对应的 `tab-item`的 bug,涉及文件:

- src/store/modules/visited-view.ts

- src/components/tabbar/index.vue

- 升级:优化 `菜单展开` 路径 `path` 处理流程。涉及文件:

- src/components/sidebar/components/ScrollerMenu.vue

- 升级:升级 `menu` 中 `humburger` 样式。涉及文件:

- src/components/humburger/index.vue

- src/components/sidebar/components/ScrollerMenu.vue

- 修复:修复 `menu.vue` 页面,弹出 `drawer` 在某些浏览器中会闪屏的 bug,涉及文件:

- src/views/system/menu.vue

- 修复:顶部刷新按钮在 `refresh` 操作的时候,频繁刷新引起的页面异常的 bug,涉及文件:

- src/components/actions/index.vue

- 修复:修复 在 `上下模式` 下,可以设置 `menu` 宽度的 bug。涉及文件:

- src/components/setting/index.vue

- 重要新增:新增 `Tabbar`标签栏 操作功能,并添加演示页面。涉及文件:

- src/hooks/useTabbar.ts (新增)

- src/view/index/tabbar.vue (新增)

- 重要新增:新增 app 配置功能:可以菜单 是否为 `手风琴` 模式,涉及文件:

- src/components/setting/index.vue

- src/components/sidebar/components/ScrollerMenu.vue

- src/types/store.ts

- src/setting/index.ts

### 2022-3-15(v: 1.1.12)

- 升级:升级 `naive-ui` 组件库版本至 `2.26.4`

- 新增:新增 `上下-左右分栏` 布局模式,涉及文件:

- src/components/Layout.vue

- src/components/header/index.vue

- src/components/logo/index.vue

- src/components/setting/index.vue

- src/components/sidebar/SideBar.vue

- src/components/sidebar/components/HorizontalScrollerMenu.vue (新增)

- src/components/sidebar/components/ScrollerMenu.vue

- src/types/store.ts

- 删除:删除没有用的代码,涉及文件:

- src/store/index.ts

- 修复:修复 顶部 `action-bar` 不显示消息时,`n-popover` 组件没有触发元素而引起报错的 bug,涉及文件:

- src/components/actions/index.vue

- 修复:修复在手机模式下 登录页面 没有 滑动组件而引起的异常信息

### 2022-2-7(v: 1.1.11)

- 新增:`VawVerifySimple`滑动验证组件,用于登录的时候进行简单的验证

- 新增:`FormItem`类型新增 `optionItemsRef?: Ref<Array<SelectOptionItem | TreeSelectOption>>` 属性,方便在在异步获取 下拉选项的时候,动态添加数据。

- 优化:`权限按钮` 展示位置时是 `default`,(default 默认是所有位置都展示) `top` 和 `tablLine` 都展示

- 微调:`main.vue` 和 `work-place.vue` 块样式 和 间距

- 修复:`menu.vue`页面中没有`onPermissionButtonClick` 的 bug

- 优化:增大 `setting` 页面 `z-index` 的比重

  • ArcoWork

## 2022-4-11(v: 1.1.0)

- 升级:升级 `vue`版本到: `3.2.31`

- 升级:升级 `vue-router`版本到: `^4.0.14`

- 优化:移除 `arco-design-vue` 按需加载功能,防止首次加载太慢

- 修复: 修复 `tabbar`点击的时候,会出现滑动异常的 bug

- 修复: 修复 `personal` 在 vue-router 中 重复定义的 bug

- 修复: 在多个缓存页面的时候,切换页面可能会卡死的 bug

- 优化: 优化部分页面控制台出现警告的问题

  • AdminWork

### 2022-4-12(v: 1.1.5)

- 升级:升级 `naive-ui` 版本 到 `2.28.0`

- 修改:修复 `tabbar` 滑动异常的 bug,优化滑动流程

- 修改:修改在 `menu` 在多级显示的情况下,刷新浏览器不默认展开的 bug。close [#10](https://github.com/qingqingxuan/admin-work/issues/10)


亮点集合

  • AdminWorkPro
  1. 上下左右模式的布局一直是很多人要的功能,借此次升级功能,把这个模式也给完善了一下。把菜单分成上下左右,这样可以更好的满足大多数人的需求,如下图:

4edc953e2c684bbe819ffa954c899c08.png4edc953e2c684bbe819ffa954c899c08.png4edc953e2c684bbe819ffa954c899c08.png

2. 完善 Menu 功能,新增菜单手风琴模式功能。此功能只在 左右布局模式下生效,同时也可以进行配置。4edc953e2c684bbe819ffa954c899c08.png

3. 新增对 tabbar 的操作功能。对于 AdminWorkPro来说 Tabbar 原来只有一个显示隐藏的功能,此次升级也带来了对里面元素的操作功能,可以动态修改标签名称,以及关闭等实用功能。同时也在页面有演示功能。4edc953e2c684bbe819ffa954c899c08.png同时还修复了些许bug,以及优化了很多代码流程,让页面更加流畅,更多的功能大家可以去预览地址进行查看。

那就先给大家介绍这么多功能,我们会一直不断优化升级新增更多实用的功能,尽大限度的节省大家平时开发的时间

相关文章
|
程序员 开发者
十年老友记 | @民工哥:梦想是动力,但人终究要认清现实
十年老友记 | @民工哥:梦想是动力,但人终究要认清现实
138 0
|
弹性计算 云计算
当九年义务教育的精英,遇上十年寒窗苦读的翘楚,必将擦出耀眼的火花!
这一组古今搭档,因为语言差异,总是能逗的人捧腹大笑,这不,美好的一天又开始了~
当九年义务教育的精英,遇上十年寒窗苦读的翘楚,必将擦出耀眼的火花!
|
小程序 前端开发 物联网
【CodeLab 科技创新营】浙大医学博士跨界学习敲代码,抢程序员饭碗?
蚂蚁金服金融科技牵头举办的「CodeLab科技创新营」不知不觉中迎来了第5期,这一站创新营去到了美丽的浙江大学。 浙大撞上蚂蚁,又有着什么样的故事呢~
【CodeLab 科技创新营】浙大医学博士跨界学习敲代码,抢程序员饭碗?
|
开发者 区块链 应用服务中间件
“湖畔第一大脑”蒋烁淼为你带来技术创业者的“圣经” | 开发者必读(044期)
最炫的技术新知、最热门的大咖公开课、最有趣的开发者活动、最实用的工具干货,就在《开发者必读》!
1212 0
|
Web App开发 程序员
启迪人心:10个有关编程的至理名言
导读:程序员世界里有哪些名言呢?Jun Auza 列出了一些启迪人心的至理名言,它们大多来自产业界富于经验的人们。 下文列出前10个供读者欣赏: 10. “People think that computer science is the art of geniuses but the actual...
1089 0
|
程序员
第12章 互联网创业神话 《丰富多彩的编程世界》
第12章 互联网创业神话 《丰富多彩的编程世界》 丰富多彩的编程世界 作者 陈光剑 第1章 名可名非常名第2章 语言的构成第3章 有趣的编程第4章 编程语言大观第5章 编程语言的组成第6章 编程范式第7章 编程思想第8章 编程心理学第9章 程序员这群人...
1005 0
|
开发者
【教你赚钱】独立开发者荒野求生之道
本文包括以下内容: 独立开发者面临的现状 如何利用一切细节,获取流量 注:本文将不涉及代码层面的东西,但是将有可能帮助你,把你写完的代码的价值,放大十倍百倍千倍。
1478 0