react浏览器窗口关闭_React桌面元素UI组件库——React-desktop

介绍

web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。


a19dbca2f9637ade39032ff24ffccac4.png

开源地址

https://gitee.com/jiajun000/react-desktops
https://github.com/jiajun00/react-desktops
29bc7f318f9246697b806dd24e2e2960.png

项目介绍

react-desktops是基于react-desktop基础上,封装桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。

技术栈:

  • react
  • webpack
  • react-desktop
  • fusion-design
  • redux
  • react-router

安装部署运行:

// 下载源码git clone https://github.com/jiajun00/react-desktops// 安装运行环境npm install// 为了方便调试redux在chrome浏览器中安装Redux DevTools(在谷歌应用商店下载redux-devtools)// 项目运行npm run start// 项目打包(注:用于生产环境时请关闭Redux DevTools配置分别位于'/src/mac/store/index.js'和'/src/windows/store/index.js'中)npm run build

截图预览

93c2705769bcac365deb2e72a3981085.png
f0010a575cf536949312ea2f869d632c.png
c84fa0f266bab7ab813a5fdd71b0d28a.png
2b73d4a67fe82f725ab44ead5f191cb8.png

总结

这样的一套UI需要多折腾折腾,感兴趣的小伙伴可以看看!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值