DevUI 16.1.0版本重磅发布，前端开发快人一步！

2023-06-24 03:57:53

体验 DevUI 16.1.0：前端开发的狂欢盛宴

前沿创新，颠覆性变革

DevUI 16.1.0 版本横空出世，为前端开发领域带来了激动人心的变革。它汇聚了我们团队的智慧与心血，充分考虑到用户需求和行业趋势，为您带来最优质、最前沿、最实用的前端开发解决方案。

1. 模态弹窗：最大化，惊艳登场

DevUI 16.1.0 版本对模态弹窗进行了全面升级，引入了令人惊叹的最大化功能。只需轻轻一点，即可将模态弹窗放大到整个屏幕，带来无与伦比的沉浸式视觉体验。无论是展示重要信息、播放视频还是进行演示，最大化模态弹窗都能让您的内容脱颖而出，留下深刻印象。

// 最大化模态弹窗
import { Modal } from '@devui/modal';

const modal = new Modal();
modal.show({
  title: '欢迎使用 DevUI',
  content: 'DevUI 是一个功能强大的前端 UI 框架，可以帮助您轻松创建美观、响应式和可维护的 Web 应用程序。',
  width: '100%',
  height: '100%',
});

2. 回顶部：按住拖拽，畅游无阻

为了让您在页面中快速移动，我们对回顶部组件进行了优化，新增了按住拖拽功能。现在，您只需按住回顶部组件并将其拖拽到任意位置，即可轻松回到页面顶部或底部。这种操作更加直观、更加方便，让您在浏览页面时更加畅通无阻，告别繁琐的滚动操作。

// 按住拖拽回顶部
import { BackTop } from '@devui/back-top';

const backTop = new BackTop();
backTop.appendTo(document.body);

3. 窗口大小：自动调节，完美适配

DevUI 16.1.0 版本还带来了窗口大小自动调节功能，让您的应用程序能够完美适配各种设备和浏览器。无论您是在宽屏显示器、笔记本电脑还是移动设备上浏览，应用程序都能自动调整窗口大小，以确保最佳的视觉效果和用户体验。这种智能化的设计让您无需再为适配不同设备而烦恼，尽情享受跨平台开发的乐趣。

// 窗口大小自动调节
import { Window } from '@devui/window';

const window = new Window();
window.show({
  title: '欢迎使用 DevUI',
  content: 'DevUI 是一个功能强大的前端 UI 框架，可以帮助您轻松创建美观、响应式和可维护的 Web 应用程序。',
  width: '80%',
  height: '80%',
});