vue 任意拖拽_超牛 Vue.js 仿win7桌面管理DogstarUI

今天给大家分享一个超棒的Vue模拟windows桌面UI管理Dogstar-UI。

dogstar-ui 基于vuejs2.x框架虚拟windows桌面效果/管理桌面。在窗口和桌面端均可使用模态框和抽屉弹框。

项目中弹窗功能做的挺不错，可实现任意拖拽、四周缩放及最大/小化窗口。弹窗获取焦点后层级置顶。

快速安装

# 克隆项目到本地git clone https://gitee.com/ispace-code/dogstar-ui.git# 进入项目目录cd dogstar-ui# 安装依赖npm install# 本地运行npm run serve# 打包构建npm run build

大家可以在此基础上拓展一些有意思的功能。比如图标拖拽排序、文件管理等功能。

非常nice的一个开源vue仿windows桌面项目，想提升下技术的不要错过哈。

# 预览地址https://ispace-code.gitee.io/dogstar-ui/# gitee仓库地址https://gitee.com/ispace-code/dogstar-ui

OK，今天就分享到这里。希望大家能喜欢~