rjl
18e3f6f7f2
- 新增大屏开发调试指南文档，包含设计基准、调试方法和字体配置说明 - 添加字体大小预览工具，支持多分辨率视口切换（2048x1080/1920x1080/3840x2160） - 新增字体资源 README 文档和团队标题背景图片 - 优化用户界面背景图片（title-bg3.png、title-bg4.png） - 更新 ActionButton 和 CompetitionLayout 组件样式 - 完善用户模块各页面布局（分析、封面、抽签、游戏、规则、团队） - 优化题目渲染器组件和成绩详情页面 - 更新 UnoCSS 配置以支持大屏字体缩放方案
62 lines
2.3 KiB
TypeScript
62 lines
2.3 KiB
TypeScript
import type { Theme } from '@unocss/preset-uno'
|
|
import { presetSoybeanAdmin } from '@sa/uno-preset'
|
|
import presetWind3 from '@unocss/preset-wind3'
|
|
import transformerDirectives from '@unocss/transformer-directives'
|
|
import transformerVariantGroup from '@unocss/transformer-variant-group'
|
|
import { defineConfig } from '@unocss/vite'
|
|
import { themeVars } from './apps/admin/src/theme/vars'
|
|
|
|
export default defineConfig<Theme>({
|
|
content: {
|
|
pipeline: {
|
|
exclude: ['node_modules', 'dist'],
|
|
},
|
|
},
|
|
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: {
|
|
'card-wrapper': 'rd-8px shadow-sm',
|
|
},
|
|
transformers: [transformerDirectives(), transformerVariantGroup()],
|
|
presets: [presetWind3({ dark: 'class' }), presetSoybeanAdmin()],
|
|
})
|