VUE
vite5-vue3-osx原创macos/windows桌面os系统
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区vue3-webos一款原创研发的vite5.x+vue3+pinia2+arco.design仿macOS和windows桌面系统os管理平台。支持自定义desk栅格布局引擎、可拖拽桌面图标、多屏分页管理、自定义桌面壁纸主题、毛玻璃虚化背景等功能。
使用技术
- 技术框架：vite5.3.3+vue3.4.31+vue-router4.4+pinia2
- UI组件库：arco-design^2.55.3 (字节桌面版vue3组件库)
- 状态管理：pinia^2.1.7
- 图表插件：echarts^5.5.1
- 拖拽组件：sortablejs^1.15.2
- 富文本编辑器：wangeditor^4.7.15
- 模拟数据：mockjs^1.1.0
- 样式编译：sass^1.77.8
- 构建工具：vite^5.3.3
整个项目使用vite5.x搭建项目框架，采用vue3 setup语法糖编码开发。
采用全新的栅格化布局引擎。
// 自定义变量(桌面图标)
const deskVariable = ref({
'--icon-radius': '8px', // 圆角
'--icon-size': '60px', // 图标尺寸(设置rpx自定义手机设备)
'--icon-gap-col': '30px', // 水平间距
'--icon-gap-row': '30px', // 垂直间距
'--icon-labelSize': '12px', // 标签文字大小
'--icon-labelColor': '#fff', // 标签颜色
'--icon-fit': 'contain', // 图标自适应模式
})
目前该项目已经正式完结了，如果想要了解更多技术实现细节，可以去看看这篇分享文章。
https://blog.csdn.net/yanxinyun1990/article/details/140701208
相关推荐
政府科技管理者如何提升科技成果转化项目进场交易的备案效率？.docx
政府科技管理者如何提升科技成果转化项目进场交易的备案效率？
山区道路边坡落石隐患检测数据集VOC+YOLO格式241张1类别.md
【重要提示】本页面仅为资源介绍，不含外部下载地址 亲爱的 CSDN 用户： 感谢你浏览本资源页面，在这里提前向大家说明相关情况，避免后续产生误解。本资源我设置的初衷是 0 积分免费分享文档介绍，希望可以无偿给到有需要的朋友。但 CSDN 平台存在自动调控机制，系统会根据资源下载热度、文件体积、平台规则等因素，自动修改资源所需下载积分，页面显示为 1 积分、2 积分或更高积分都属于平台自动调整结果，并非我手动修改设置，我没有权限自主锁定积分数值。 如果你打开页面后，发现下载所需积分不为 0，请务必谨慎考虑是否下载。一旦你支付积分完成下载，后续遇到资源内容和描述不符、文件损坏等问题，我无法承担对应的积分损失，也没有渠道为你办理积分退还。在此强烈建议，只有页面明确显示 0 积分的时候，再进行下载操作。 同时特别说明：这份资源介绍文案里，没有附带任何外部下载地址。资源本身是通过 CSDN 官方上传通道上传的附件，正常情况下直接点击页面自带的下载按钮即可获取文件。页面找不到外部下载链接属于正常情况，并非资源缺失。 如果因为平台积分显示异常，导致你被扣取积分，积分退款、积分异常相关问题，请直接联系 CSDN 官方客服咨询处理。平台规则由官方制定，我无法干预积分变动，望各位理解。
高空作业栏杆检测数据集VOC+YOLO格式230张3类别.md
【重要提示】本页面仅为资源介绍，不含外部下载地址 亲爱的 CSDN 用户： 感谢你浏览本资源页面，在这里提前向大家说明相关情况，避免后续产生误解。本资源我设置的初衷是 0 积分免费分享文档介绍，希望可以无偿给到有需要的朋友。但 CSDN 平台存在自动调控机制，系统会根据资源下载热度、文件体积、平台规则等因素，自动修改资源所需下载积分，页面显示为 1 积分、2 积分或更高积分都属于平台自动调整结果，并非我手动修改设置，我没有权限自主锁定积分数值。 如果你打开页面后，发现下载所需积分不为 0，请务必谨慎考虑是否下载。一旦你支付积分完成下载，后续遇到资源内容和描述不符、文件损坏等问题，我无法承担对应的积分损失，也没有渠道为你办理积分退还。在此强烈建议，只有页面明确显示 0 积分的时候，再进行下载操作。 同时特别说明：这份资源介绍文案里，没有附带任何外部下载地址。资源本身是通过 CSDN 官方上传通道上传的附件，正常情况下直接点击页面自带的下载按钮即可获取文件。页面找不到外部下载链接属于正常情况，并非资源缺失。 如果因为平台积分显示异常，导致你被扣取积分，积分退款、积分异常相关问题，请直接联系 CSDN 官方客服咨询处理。平台规则由官方制定，我无法干预积分变动，望各位理解。
ti-cgt-c2000-22.6.0.LTS-windows-x64-installer
ti-cgt-c2000-22.6.0.LTS-windows-x64-installer
光伏板太阳能板尘土灰尘脏污检测数据集VOC+YOLO格式1006张3类别.md
【重要提示】本页面仅为资源介绍，不含外部下载地址 亲爱的 CSDN 用户： 感谢你浏览本资源页面，在这里提前向大家说明相关情况，避免后续产生误解。本资源我设置的初衷是 0 积分免费分享文档介绍，希望可以无偿给到有需要的朋友。但 CSDN 平台存在自动调控机制，系统会根据资源下载热度、文件体积、平台规则等因素，自动修改资源所需下载积分，页面显示为 1 积分、2 积分或更高积分都属于平台自动调整结果，并非我手动修改设置，我没有权限自主锁定积分数值。 如果你打开页面后，发现下载所需积分不为 0，请务必谨慎考虑是否下载。一旦你支付积分完成下载，后续遇到资源内容和描述不符、文件损坏等问题，我无法承担对应的积分损失，也没有渠道为你办理积分退还。在此强烈建议，只有页面明确显示 0 积分的时候，再进行下载操作。 同时特别说明：这份资源介绍文案里，没有附带任何外部下载地址。资源本身是通过 CSDN 官方上传通道上传的附件，正常情况下直接点击页面自带的下载按钮即可获取文件。页面找不到外部下载链接属于正常情况，并非资源缺失。 如果因为平台积分显示异常，导致你被扣取积分，积分退款、积分异常相关问题，请直接联系 CSDN 官方客服咨询处理。平台规则由官方制定，我无法干预积分变动，望各位理解。
