Преглед изворни кода

refactor(beautify): App.vue 全局样式令牌化 (style 块补 lang=scss)

- <style> 补 lang=scss(SCSS 是 CSS 超集,安全)
- #F5F9FC -> uni-bg-color, #1E293B -> uni-text-color, #94A3B8 -> app-text-subtle
- var(--bg, #F5F9FC) 等 CSS 变量兜底值同样令牌化,编译期展开等值
liaoxg пре 5 дана
родитељ
комит
11a0b832f5
1 измењених фајлова са 5 додато и 5 уклоњено
  1. 5 5
      cfc-frontend/App.vue

+ 5 - 5
cfc-frontend/App.vue

@@ -230,15 +230,15 @@ bindReferralIfNotSelf(code).then(function(res) {
 }
 </script>
 
-<style>
+<style lang="scss">
 @import url('./common/uni.css');
 
 page {
-  background-color: var(--bg, #F5F9FC);
+  background-color: var(--bg, $uni-bg-color);
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
     'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
     'Helvetica Neue', Helvetica, Arial, sans-serif;
-  color: var(--text, #1E293B);
+  color: var(--text, $uni-text-color);
   font-size: 28rpx;
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;
@@ -261,7 +261,7 @@ page {
   font-weight: 700;
   font-size: 32rpx;
   margin: 32rpx 0 16rpx;
-  color: var(--text, #1E293B);
+  color: var(--text, $uni-text-color);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -270,7 +270,7 @@ page {
 }
 .section-header__more {
   font-size: 24rpx;
-  color: var(--muted, #94A3B8);
+  color: var(--muted, $app-text-subtle);
   font-weight: 400;
 }