携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 >>
一个简单的web os 界面
vue实现的一个web os界面，界面都是自己撸的，并没有使用ui库，但是呢，太简单了，也没啥功能，只是个demo，简单看看。
技术栈
vue3 + vue-router + sass + vite
大致分为几个组件：
- 背景
- 图标
- 窗口
- 开始菜单
- 任务栏
- 日期
- 设置
- 贪吃蛇
- 聊天
界面展示
登录
主要就是用到了图片的高斯模糊做出来的效果，加上了简单的登录表单。
桌面
借鉴了window界面，然后稍微做了点修改
任务栏
当前打开了哪个窗口会有对应的激活状态，最小化了则去除激活状态，关闭了在任务栏中删除对应的应用程序图标。
图标
鼠标移到上面会有一个window上的悬浮选中效果。
日历
一个简单的日历小组件，点击箭头按钮切换月份。
设置
只有修改壁纸菜单是有用的，其他是占位，点击了某个图片，就会切换桌面壁纸。
贪吃蛇
平时玩的贪吃蛇太慢，不够解压，做了个疯狂版的贪吃蛇。上班摸鱼解解压。
聊天
这个界面仿照微信界面做的，只是个界面，没有实现具体的聊天功能，图标啥的也比较简陋。
