From 3873d3c350c8c1edd7bfdc8afe08c9e78f56d968 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期四, 22 十月 2026 23:24:20 +0800 Subject: [PATCH] 调整费用申请模式 --- src/assets/styles/tokens.scss | 98 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 98 insertions(+), 0 deletions(-) diff --git a/src/assets/styles/tokens.scss b/src/assets/styles/tokens.scss new file mode 100644 index 0000000..852df0d --- /dev/null +++ b/src/assets/styles/tokens.scss @@ -0,0 +1,98 @@ +// ============================================================ +// 璁捐浠ょ墝锛圖esign Tokens锛壜� SCSS 鍙橀噺 +// 鍝佺墝鑹插彇鑷� src/assets/logo/OPO_Logo.png 鍦嗙幆闈� #0E768F +// 璇存槑瑙侊細鏂规-鍓嶇鐣岄潰瑙嗚浼樺寲鏂规.md +// 绾﹀畾锛氫笟鍔℃牱寮忎竴寰嬪紩鐢ㄨ繖閲岀殑鍙橀噺锛岀姝㈠啀鍐欒8鑹插�� +// ============================================================ + +// ---------- 鍝佺墝鑹诧紙闈掞級 ---------- +$opo-primary: #0E768F; +$opo-primary-hover: #0D6A81; +$opo-primary-active: #0B5E72; +$opo-primary-light-3: #569FB1; +$opo-primary-light-5: #87BBC7; +$opo-primary-light-7: #B7D6DD; +$opo-primary-light-8: #CFE4E9; +$opo-primary-light-9: #E7F1F4; +$opo-primary-light-95: #F3F8F9; +$opo-primary-dark-2: #0B5E72; + +// ---------- 璇箟鑹� ---------- +$opo-success: #67C23A; +$opo-success-light: #F0F9EB; +$opo-warning: #E6A23C; +$opo-warning-light: #FDF6EC; +$opo-danger: #CD1D4E; +$opo-danger-light: #FBEBEF; +$opo-info: #909399; +$opo-info-light: #F4F4F5; + +// ---------- 涓�ц壊 ---------- +$opo-text-primary: #1F2937; +$opo-text-regular: #4B5563; +$opo-text-secondary: #6B7280; +$opo-text-placeholder: #9CA3AF; +$opo-border-base: #E5E7EB; +$opo-border-light: #F0F2F5; +$opo-border-lighter: #F5F7FA; +$opo-bg-page: #F5F7FA; +$opo-bg-card: #FFFFFF; +$opo-bg-hover: #F5F9FD; +$opo-bg-stripe: #FAFBFC; +$opo-bg-thead: #F5F7FA; + +// ---------- 琛ㄦ牸妗嗙嚎锛堟瘮閫氱敤杈规鏇存繁锛屼究浜庣湅娓呭垎鍒�/鍒嗚锛� ---------- +$opo-table-border: #C8CFD8; +$opo-table-border-strong: #B7C0CC; + +// ---------- 渚ц竟鏍忥紙涓庡搧鐗岄潚鍚屾棌锛� ---------- +$opo-sidebar-bg: #0A4655; +$opo-sidebar-sub-bg: #083B47; +$opo-sidebar-hover: rgba(14, 118, 143, 0.28); +$opo-sidebar-text: rgba(255, 255, 255, 0.72); +$opo-sidebar-text-active: #FFFFFF; + +// ---------- 瀛楀彿锛�2026-10-22 鏁翠綋涓婅皟涓�鍙凤細姝f枃 14鈫�16锛� ---------- +$opo-font-size-display: 34px; +$opo-font-size-h1: 26px; +$opo-font-size-h2: 20px; +$opo-font-size-lg: 18px; +$opo-font-size-base: 16px; +$opo-font-size-sm: 14px; +$opo-font-size-xs: 13px; +$opo-font-size-menu: 16px; // 渚ц竟鏍忚彍鍗曪紙2026-10-22 鐢� 18px 鍥炶皟涓�鍙凤級 + +// ---------- 琛岄珮 ---------- +$opo-line-height-base: 22px; +$opo-line-height-heading: 1.3; + +// ---------- 瀛椾綋 ---------- +// 娉ㄦ剰锛氫笉瑕佺敤 -apple-system / BlinkMacSystemFont 鎵撳ご鈥斺�擶indows 涓� Chrome 浼氳В鏋愭垚 Segoe UI锛� +// 瀵艰嚧鏁板瓧/鑻辨枃璧� Segoe UI锛堟瘮涓枃缁嗐�佹樉灏忥級锛屼腑鏂囧洖閫�寰蒋闆呴粦锛屽悓涓�琛岄噷瀛楀彿瑙傛劅涓嶄竴鑷淬�� +// 杩欓噷鎸�"骞冲彴鏈夊垯鐢ㄣ�佹病鏈夊垯閫�鍒板井杞泤榛�"鐨勯『搴忥紝淇濊瘉涓嫳鏂囧悓鏃忋�� +$opo-font-family-base: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", + "Helvetica Neue", Arial, sans-serif; +$opo-font-family-number: "DIN Alternate", "SF Mono", "Roboto Mono", Consolas, "Courier New", monospace; + +// ---------- 闂磋窛锛�8 鐐规爡鏍硷級 ---------- +$opo-space-1: 4px; +$opo-space-2: 8px; +$opo-space-3: 12px; +$opo-space-4: 16px; +$opo-space-5: 24px; +$opo-space-6: 32px; + +// ---------- 鍦嗚 ---------- +$opo-radius-sm: 2px; +$opo-radius-base: 4px; +$opo-radius-lg: 8px; +$opo-radius-pill: 999px; + +// ---------- 闃村奖 ---------- +$opo-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06); +$opo-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08); +$opo-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12); + +// ---------- 鎺т欢楂樺害 ---------- +$opo-control-height-small: 32px; +$opo-control-height-base: 36px; -- Gitblit v1.9.3