feat(admin): 优化大屏开发体验并完善用户界面组件
- 新增大屏开发调试指南文档,包含设计基准、调试方法和字体配置说明 - 添加字体大小预览工具,支持多分辨率视口切换(2048x1080/1920x1080/3840x2160) - 新增字体资源 README 文档和团队标题背景图片 - 优化用户界面背景图片(title-bg3.png、title-bg4.png) - 更新 ActionButton 和 CompetitionLayout 组件样式 - 完善用户模块各页面布局(分析、封面、抽签、游戏、规则、团队) - 优化题目渲染器组件和成绩详情页面 - 更新 UnoCSS 配置以支持大屏字体缩放方案
This commit is contained in:
@ -15,11 +15,42 @@ export default defineConfig<Theme>({
|
||||
theme: {
|
||||
...themeVars,
|
||||
fontSize: {
|
||||
// 图标字体大小
|
||||
'icon-xs': '0.875rem',
|
||||
'icon-small': '1rem',
|
||||
'icon': '1.125rem',
|
||||
'icon-large': '1.5rem',
|
||||
'icon-xl': '2rem',
|
||||
|
||||
// 针对 2048x1080 设计基准优化的字体大小
|
||||
// 相比默认值适当放大,适配大屏显示
|
||||
// 'xs': '0.8rem', // 12.8px (原 0.75rem = 12px)
|
||||
// 'sm': '0.95rem', // 15.2px (原 0.875rem = 14px)
|
||||
// 'base': '1.1rem', // 17.6px (原 1rem = 16px)
|
||||
// 'lg': '1.3rem', // 20.8px (原 1.125rem = 18px)
|
||||
// 'xl': '1.5rem', // 24px (原 1.25rem = 20px)
|
||||
// '2xl': '1.75rem', // 28px (原 1.5rem = 24px)
|
||||
// '3xl': '2.1rem', // 33.6px (原 1.875rem = 30px)
|
||||
// '4xl': '2.5rem', // 40px (原 2.25rem = 36px)
|
||||
// '5xl': '3.2rem', // 51.2px (原 3rem = 48px)
|
||||
// '6xl': '4rem', // 64px (原 3.75rem = 60px)
|
||||
// '7xl': '5rem', // 80px (原 4.5rem = 72px)
|
||||
// '8xl': '6.5rem', // 104px (原 6rem = 96px)
|
||||
// '9xl': '8.5rem', // 136px (原 8rem = 128px)
|
||||
|
||||
'xs': '0.875rem', // 原 0.75rem
|
||||
'sm': '1rem', // 原 0.875rem
|
||||
'base': '1.125rem', // 原 1rem
|
||||
'lg': '1.25rem', // 原 1.125rem
|
||||
'xl': '1.5rem', // 原 1.25rem
|
||||
'2xl': '1.875rem', // 原 1.5rem
|
||||
'3xl': '2.25rem', // 原 1.875rem
|
||||
'4xl': '2.75rem', // 原 2.25rem
|
||||
'5xl': '3.5rem', // 原 3rem
|
||||
'6xl': '4.5rem', // 原 3.75rem
|
||||
'7xl': '5.5rem', // 原 4.5rem
|
||||
'8xl': '7rem', // 原 6rem
|
||||
'9xl': '9rem', // 原 8rem
|
||||
},
|
||||
},
|
||||
shortcuts: {
|
||||
|
||||
Reference in New Issue
Block a user