Skip to content

quliangen/vue3-vite5-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue3-vite5-dashboard

开箱即用的 vue3 vite5 antv 数据大屏模板,即刻预览

image

大屏适配方案:px2vw 横向自适应高度居中

  • 🚀 ScreenAdapter.vue 屏幕适配组件,需按照设计搞设置宽高样式
  • 💪 适配插件:主要配置 viewportWidth: 1600, // UI设计稿的宽度
  • 🔥 Enter键 全屏模式切换
  • 💡 增加 antv G2图表 L7地图示例

特性

已配置

UI 框架

Icons

插件

编码风格

开发工具

开发

只需要执行以下命令就可以在 http://localhost:5173 中看到

pnpm serve

构建

pnpm build:prod 
# pnpm build:test

特别说明:项目基础模版来自 vitecamp