💥前端组件库视觉版本大更新,这波DevUI值得收藏!

15,037 阅读3分钟

DevUI是面向企业中后台产品的开源前端解决方案,其设计价值观基于高效、开放、可信、乐趣四种自然与人文相结合的理念,旨在为设计师、前端开发者提供标准的设计体系,并满足各类落地场景,是一款企业级开箱即用的产品。

与君歌一曲,请君为我倾耳听

💥DevUI官网全面升级

感兴趣的小伙伴不妨进入我们官网devui.design/home感受一下德芙般的丝滑体验!!

1、🎁 全新导航框架,从左到右依次展开,快捷导航到不同模块

image.png

2、🎉 完善导航内容结构、任务类型等多维度设计模式

image.png

3、🌟 新增组件级设计指南,详细阐述组件结构与用法,提供组件放置位置、行为、交互等多维度建议

image.png

💥Ng-DevUI 15.1.0 又又又更新啦

新增特性:

  • category-search: 支持按照category配置排序;修复多选分类选择是title显示问题
  • popover: 设置了scrollElement时根据容器范围自动隐藏显示
  • radio: 重构样式;修复radio-group的beforeChange参数问题
  • tags-input: 标签展示内容支持自定义模板
  • userGuide: 优化标题,内容,步骤点切换视觉效果,增加涟漪动效
  • checkbox添加打勾动效
  • button添加点击波纹
  • input和下拉类组件添加悬浮和点击的交互光晕
  • pagination添加分页切换的滑块滑动
  • toggle添加点击的弹性效果

Bug修复:

  • accordion: 手风琴border样式修复
  • anchor: 修复初始化非空报错
  • cascader: 多选模式下禁选项的tag不可删除,修复单选搜索激活下拉时未自动聚焦
  • category-search: 修复多选类型设置最大宽度未生效的问题;修复空白下拉显示;支持textInput类型直接输入值
  • datepicker-pro: 修复月份选择面板国际化未翻译

💥DevUI Admin 配套cli以及物料库均已升级到ng15 ~💥

a1bfde5761554bd8b32268cdc62e7786_tplv-k3u1fbpfcp-zoom-crop-mark_1512_1512_1512_851.webp

DevUI Admin 为你带来了搭建中后台前端系统的一套解决方案:

  • 响应式:适应不同屏幕大小,为用户提供更舒适的界面与用户体验;
  • 个性化主题:支持多种主题风格与个性化配置动态切换;
  • 布局切换:页面布局可配置,灵活布局;
  • 国际化:实现国际化功能,满足多语言业务诉求;
  • Mock 数据:本地数据调试方案,前后端分离;
  • 页面模板:基于 DevUI 实践与沉淀,提炼了典型的业务场景并提供场景丰富的页面模板。

你可以访问【号外号外!DevUI Admin V1.0 发布啦!】、 【DevUI Admin 2.0 重磅发布!🥳】、 【Angular Schematics在DevUI Admin中的实践

后续我们将会继续的完善,提供更多的模块如:登录鉴权,数据mock 以及一些相关的vscode, chrome插件。同时支持你通过数据驱动的方式将admin引入到你的项目中,通过简单的配置即可上手使用,做到开箱即用的效果。

敬请期待~

🔥了解更多

如果你对我们组件感兴趣,可以前往官网我们看看官网上的示例组件,你可以在左侧导航栏中切换想要查看的组件,然后通过右侧的快速前往在不同Demo之间切换。

如果你想尝试参与Angular DevUI 的组件,请前往DevUI Playground,如果你准备添加 Angular DevUI,请前往快速开始文档,只需要几行代码。

如果你对我们的开源项目感兴趣,并希望参与共建,欢迎加入我们的开源社区,添加小助手微信:devui-official,我们会拉你到我们的微信群。