win11-vue

起因

---

看到有大神用 react 写了一个 windows11 的界面，仓库地址，这段时间正好在学习 vue3，于是就试着用 vue3 写了个 windows11 的界面

预览地址

---

https://win11.keep-silence.com 国内访问

开发人员：我 & Ha aaaaaaaa666

技术栈

---

• vue3
• vue-router
• pinia
• typescript
• sass
• naive-ui
• mitt
• vue-web-terminal

功能

---

• 日历
• Edge浏览器
• 设置
• 终端
• 照片
• 贪吃蛇

已知问题

---

1、同时打开两个应用时，任务栏图标下划线显示不正常且应用层级错误

• 原因分析：桌面同时打开两个应用时，应用的状态都为 open: true, mini: false, hidden: false，此时点击任务栏应用图标：
  • 如果点击应用层级在上，理想处理为该应用最小化并隐藏，实际处理为 hidden: false, mini: true，即最小化，但不隐藏，其他应用最小化，不隐藏
  • 如果点击的应用层级在下，理想处理为该应用层级放置于最顶层，实际处理结果同上

2、点击最小化、最大化、关闭按钮时，会触发拖拽事件

3、从开始菜单打开应用时，如果先打开设置，再打开 Edge，Edge 的层级显示有问题

• 问题原因：应用关闭时，实例销毁。再次打开时，实例还未加载完成，添加不了样式层级