【Vue3】高仿win桌面【登录、打开应用、设置壁纸】

已于 2022-07-28 11:01:51 修改
阅读量1.5k 收藏 1
点赞数 2
分类专栏： 前端 vue3 文章标签： css vue.js html5
于 2021-06-21 15:41:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sky529063865/article/details/118087562
版权
前端 同时被 2 个专栏收录
34 篇文章 1 订阅
订阅专栏
vue3
14 篇文章 0 订阅
订阅专栏

登录界面

登录界面

操作界面

操作界面

开始菜单和日历

开始菜单和日历

右键菜单

右键菜单

飘逸者打瞌睡
关注
专栏目录
python+vue的windows桌面应用实现方式
什么都干的派森
01-10 4987
会使用 electron 将 vue 项目打包成 exe【参考文章】会使用 python 的 fastpai 编写服务【参考文章】
vue-web-os:一个基于vue2.6 + elementui2.13.0 ＋ iview4的仿云桌面系统（Windows10）脚手架。桌面式web前端
03-11
体验网址 微更新 最近更新： 2021年2月24日 更新内容： 1.优化了页面伸缩与带参替换 2.优化了说明文档 vue-web-os 一个基于vue2.6 + elementui2.13.2 ＋ iview4的仿云桌面系统（Windows10），本项目是在其他脚手架的基础上进行改进的，已经完成了权限模块，登录验证模块，axios请求模块等所有常用模块。 vue-web-os项目可用于开发中大型软件，已经用于实际项目的有云盘系统与企业级OA系统。喜欢的小伙伴可以免费拿去使用。 如有该项目不解的小伙伴可以加我微信：2417978181咨询我哦！ 求赞 该系统会稳定持续的升级维护，喜欢的小主给个免费的star吧，谢谢 :red_heart: 文档内提供了详细的功能说明，强烈建议阅读文档后再开始编码。 启动项目 # 配置环境 yarn install # 运行启动项目 yarn serve # 打包项目 yarn
Vue在桌面应用开发中的应用
最新发布
weixin_41978174的博客
07-22 1421
Vue.js 在桌面应用开发中的应用主要通过与 Electron 框架结合来实现。Electron 是一个用于构建跨平台桌面应用的框架，它允许开发者使用 web 技术（HTML、CSS、JavaScript）来构建桌面应用。通过将 Vue.js 和 Electron 结合使用，开发者可以利用 Vue 的灵活性和 Electron 的桌面应用能力，创建高效、功能丰富的跨平台桌面应用。：创建 Electron 的主进程文件（如。
vue 任意拖拽_超牛 Vue.js 仿win7桌面管理DogstarUI
weixin_39537298的博客
12-12 806
今天给大家分享一个超棒的Vue模拟windows桌面UI管理Dogstar-UI。dogstar-ui 基于vuejs2.x框架虚拟windows桌面效果/管理桌面。在窗口和桌面端均可使用模态框和抽屉弹框。项目中弹窗功能做的挺不错，可实现任意拖拽、四周缩放及最大/小化窗口。弹窗获取焦点后层级置顶。快速安装# 克隆项目到本地git clone https://gitee.com/ispace-cod...
模仿Win10 UI 框架 Vue3
启明星的指引---博客
08-10 1361
Win10 UI 框架 Vue3 推荐 Vue 3 + Typescript + Vite + Using <script setup> 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Demo|Demo|Demo Usage 开发流程 推荐clone本仓库，在本仓库基础上修改，模版在/template目录下 引入winVue租组件（clone可以跳过此步骤） <WinVue></WinVue> import WinVue fro
模仿windows桌面框选、重命名（vue3.2）
weixin_44798666的博客
11-25 652
{ id: 0, name: "文件1", icon: require("./img/wenjian.png") },{ id: 1, name: "文件2", icon: require("./img/wenjian.png") },{ id: 2, name: "文件3", icon: require("./img/wenjian.png") },{ id: 3, name: "文件4", icon: require("./img/wenjian.png") },top: "", //框框的位置控制。
html仿windows桌面
06-17
html仿windows桌面 html仿windows桌面
高仿win10桌面版ui
04-25
在实际应用中，高仿Win10桌面版UI可能适用于各种场景，例如个人电脑上的第三方桌面环境、移动设备的应用程序、虚拟机镜像，甚至是网页或应用程序的界面设计。开发者通常会使用前端框架和库（如React、Vue或Angular）...
WinMetro(高仿win8桌面)
01-05
win7体验win8，桌面，菜单 WinMetro 1.2.0.702 add to watchlist send us an update file size: 7.5 MB filename: winmetro-setup.exe runs on: Windows 7 32/64 bit Windows Vista 32/64 bit Windows XP 32/64...
312-仿win10系统UI界面_html仿win10_html_expressionozn_网页win10ui_仿win10H
10-01
在这个项目中，开发者可能利用HTML5的新特性，如语义化标签、CSS3的动画效果和媒体查询，以及JavaScript库或框架（可能包括jQuery或Vue.js）来创建动态交互的元素，模拟Windows 10的桌面、任务栏、开始菜单等特征。...
仿windows web桌面
12-16
5. **JSP**：在后端，JSP用于处理用户的请求，管理数据，实现动态内容的生成，如登录验证、文件管理、应用程序加载等。 6. **JSON**：数据交换格式，用于在客户端和服务器之间传输信息。 7. **Web Storage和...
基于 Vue3.0 框架的模拟Windows 桌面效果，后台管理UI
11-05
基于 Vue3.0 框架的模拟Windows 桌面效果，后台管理UI
Mac_desktop:Vue仿Mac桌面
04-11
介绍 这是一个基于vue全家桶仿Mac桌面的小项目 vue + iconfont图标完成基本界面 利用vue-layer实现弹框层 基于Axios完成音乐播放器 基于localStorage实现壁纸更改 利用moment实现时间显示 线上预览地址 运行 下载依赖 //npm i 启动开发环境 //npm run serve 构建 //npm run build 截图 初试化桌面 天气 更换壁纸 地图 音乐播放器 播放MV
仿Window,仿桌面
05-11
仿Window,仿桌面，包含： 1.htmlWin7界面.rar 2.jQuery-Desktop.rar 3.苹果OS.rar 4.仿桌面QQ.rar
web-os:WebOS Web桌面
05-02
前端架构调整为 vue-cli3 这个很关键，对以后的前端开发效率会更高 效果图： V 1.1 描述 在 V 0.3 的基础上将app死数据动态化， web-os-V1.1: 1.0 版本的根目录 WebOS 项目跟目录 WebOSApp java 项目位置 src/main/...
【vue2静态复古win95简历网页】模仿电脑桌面实现
EVELESLIE的博客
03-13 635
在App.vue中，通过v-for循环读取windows中的窗口数据，读取窗口专属信息以便于post到窗口中body的背景风格使用css设置，overflow: hidden来创建BFC防止高度塌陷使用component 来表示单独的图标，读取存在store中的信息使用v-if来选择是否展示打开的单独窗口。
Vue3前端模仿实现Windows窗口
咚の窝
04-22 7312
基于vue-cli脚手架使用Vue3+TS技术，在前端实现类似windows的窗口，可以对窗体容器拖拽，窗口大小调整等，封装成两个指令与一个组件，可以选择性调用，扩展性强。
vue项目实现电脑桌面端
geng97280的博客
05-25 337
vue项目实现电脑桌面端
分享一个前端管理系统的架子，vue-web-os，仿Windows10操作系统云桌面
jxysgzs的博客
02-20 3739
前言（请允许我抒发一下情感） 前几天老大突然要搞一个OA系统，也就是我们自己公司用的办公软件，打算整的花里胡哨一些，当时老大看上了一个仿Windows的云桌面，我本来是不打算弄这个的，感觉这种东西花里胡哨，不适合快速开发，但是毕竟“上有命，下不得不为之”，我绝对起手整一个。 但是从git上找遍了许久都没有发现类似项目，外面找的也是收费的，唯一找到的一个技术老的可怜，都停止维护了，于是开始自己做...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值