大屏适配

vw vh实现方式

pVlFteO.jpg

方案说明

vw vh

按照设计稿的尺寸,将px按比例计算转为vwvh 以动态计算图表的宽高,字体等,灵活性较高2.当屏幕比例跟 ui 稿不一致时,不会出现两边留白情况 每个图表都需要单独做字体、间距、位移的适配,比较麻烦

一个轻量级 React18 后端管理模板,旨在快速搭建后端管理系统包含基础功能不做过渡封装,快速扩展

技术栈:

  • react18
  • react-router6
  • zustand4
  • vite4
  • axios
  • fakerjs、
  • dayjs ……

支持的功能:

  • 登录/退出登录
  • 数据持久化存储
  • 路由鉴权
  • 动态主题
  • 错误处理
  • axios 封装
  • 大屏展示
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 克隆项目
git clone https://github.com/KTBOY/react-admin.git

# 进入项目目录
cd react-template-admin

# 安装依赖
pnpm install(推荐使用pnpm)

# 启动
pnpm start

# 构建
pnpm build

# 预览
pnpm preview