zhangzhen/uni-pda
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加字体大小设置

Browse Source
This commit is contained in:
zhangzhen
2026-07-03 11:45:16 +08:00
parent 451dd2330b
commit c3bd7960d0
28 changed files with 894 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/variables.scss
+22 -9
View File
@@ -1,3 +1,25 @@
// ============================================
// 📌 字体大小 - 使用 rem 单位（推荐方案）
// ============================================
// 核心原理：
// 1. rem 相对于根元素（page/html）的字体大小计算
// 2. 只需要修改根字体大小，所有 rem 会自动缩放
// 3. 基准：1rem = 16px（浏览器默认值）
// 4. 字体缩放时，修改 document.documentElement.style.fontSize 即可
// 基础字号（基于 16px 基准）
$font-size-xs: 0.625rem; // 10px / 16px
$font-size-sm: 0.6875rem; // 11px / 16px
$font-size-base: 0.8125rem; // 13px / 16px
$font-size-md: 0.875rem; // 14px / 16px
$font-size-lg: 1rem; // 16px / 16px
$font-size-xl: 1.25rem; // 20px / 16px
$font-size-xxl: 1.5rem; // 24px / 16px
// ============================================
// 📌 SCSS 变量（主题、颜色等）
// ============================================
// 主题色
$primary-color: #1890ff;
$success-color: #52c41a;
@@ -43,15 +65,6 @@ $border-radius-md: 10px;
$border-radius-lg: 14px;
$border-radius-xl: 20px;
// 字体大小
$font-size-xs: 10px;
$font-size-sm: 11px;
$font-size-base: 13px;
$font-size-md: 14px;
$font-size-lg: 16px;
$font-size-xl: 20px;
$font-size-xxl: 24px;
// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;