2dd6e48247
检录大屏：统一中文在上、英文在下的标题与状态标签，放大关键信息；按实际视口延展 1920x1080 基准画布，使非 16:9 屏幕充分利用显示区域。 成绩与排名大屏：重整赛事标题、项目组别、选手成绩和分项卡片的双语层级及动画；加入仅开发环境可用的成绩/排名样例预览，并优化自适应全屏布局。 赛事控制台：增加亮色/暗色主题切换、主题色和文字色设置及预览；按赛事在本机保存配置，通过 BroadcastChannel 和 storage 事件同步到已打开的大屏，兼容旧配色记录。 路由稳定性：动态导入因短暂断网或开发服务器重启失败时，限一次重新打开目标页；持续失败或离线时显示提示，避免循环刷新。 验证：npm run build:local 通过；1920x1080 成绩与排名亮色预览已检查；git diff --cached --check 通过。
💝 长期赞助商
🌈 介绍
基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
⛱️ 线上预览
- vue3.x 版本预览（vue-next-admin）https://lyt-top.gitee.io/vue-next-admin-preview/#/login
- vue2.x 版本预览（vue-prev-admin）https://lyt-top.gitee.io/vue-prev-admin-preview/#/login
- vue3.x + uni-app 商城 H5（vue-next-admin-shop）https://lyt-top.gitee.io/vue-next-admin-shop-preview
💒 代码仓库
- vue3.x 版本 https://gitee.com/lyt-top/vue-next-admin
- vue2.x 版本 https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin
🚧 安装 cnpm、yarn
- 复制代码(桌面 cmd 运行)
npm install -g cnpm --registry=https://registry.npm.taobao.org - 复制代码(桌面 cmd 运行)
npm install -g yarn
🏭 环境支持
| Edge | Firefox | Chrome | Safari |
|---|---|---|---|
| Edge ≥ 88 | Firefox ≥ 78 | Chrome ≥ 87 | Safari ≥ 13 |
由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。
⚡ 使用说明
建议使用 cnpm，因为 yarn 有时会报错。node 版本 > 14.18+/16+
Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。
# 克隆项目
git clone https://gitee.com/lyt-top/vue-next-admin.git
# 进入项目
cd vue-next-admin
# 安装依赖
cnpm install
# 运行项目
cnpm run dev
# 打包发布
cnpm run build
📚 开发文档
- 查看开发文档：vue-next-admin-doc
💯 学习交流加 QQ 群
1 - 4 交流群已满，请加 vue-next-admin 交流群 5
群号：556254895
其它交流群请查看文档首页 vueNextAdmin 解疑问
💒 集成后端
- @zuohuaijun Admin.NET
- @熊猫 PandaGoAdmin
- @甜蜜蜜 GoPro 平台
- @甜蜜蜜 NiuPi 平台
- @游子 GFast-V3
- @diygw.com gw-ui-php
- @zsvg vboot-net
- @zsvg vboot-java
- @青红造了个白 buildadmin
- @Goodwell iotfast(一个开源的物联网平台)
❤️ 鸣谢列表
- vue
- vue-next
- element-ui
- element-plus
- vue-router-next
- pinia
- echarts
- axios
- countUp
- mitt
- nprogress
- screenfull
- sortablejs
- sass
- typescript
- vite
- wangeditor
- cropperjs
- print-js
- vue-grid-layout
- splitpanes
- jsplumb
- js-table2excel
- vite-plugin-cdn-import
- js-cookie
- qrcodejs2-fixes
- qs
- vue-clipboard3
- vue-i18n
- vite-plugin-compression
- vite-plugin-vue-setup-extend-plus
💕 特别感谢
特别感谢老哥们的建议、指导与帮忙。谢谢！
💌 支持作者
如果觉得框架不错，或者已经在使用了，希望你可以去 Github 或者 Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。