From 1df4b328dd2b2fd0db044cb0da51afb076c8f617 Mon Sep 17 00:00:00 2001 From: duanshuwen Date: Fri, 24 Jul 2026 22:37:33 +0800 Subject: [PATCH] style: fix invalid color refs and standardize hex Fix invalid SCSS variable syntax in the NoticeMessage component by replacing invalid $text-[#xxx] references with direct hex codes. Replace SCSS color variable usages with hardcoded hex values across multiple UI components. Standardize hex color values to lowercase in the global SCSS file, and fix the trailing newline in src/uni.scss. --- src/pages/ChatMain/HomeWelcome/index.vue | 6 ++-- src/pages/ChatMain/NoticeMessage/index.vue | 8 ++--- src/pages/Discovery/index.vue | 4 +-- src/uni.scss | 36 +++++++++++----------- 4 files changed, 27 insertions(+), 27 deletions(-) diff --git a/src/pages/ChatMain/HomeWelcome/index.vue b/src/pages/ChatMain/HomeWelcome/index.vue index 68f0af6..297f780 100644 --- a/src/pages/ChatMain/HomeWelcome/index.vue +++ b/src/pages/ChatMain/HomeWelcome/index.vue @@ -136,7 +136,7 @@ const weatherTextMap = { height: 92px; padding: 12px 12px 0; box-sizing: border-box; - background: $theme-color-50; + background: #F0F8F3; } .home-welcome-header { @@ -150,7 +150,7 @@ const weatherTextMap = { .home-welcome-title { flex: 1; min-width: 0; - color: $text-[#0B5C2D]; + color: #0B5C2D; font-size: 21px; line-height: 28px; font-weight: 900; @@ -159,7 +159,7 @@ const weatherTextMap = { .home-welcome-weather { flex-shrink: 0; margin-left: 12px; - color: $text-color-900; + color: #181B25; font-size: 22px; line-height: 26px; font-weight: 900; diff --git a/src/pages/ChatMain/NoticeMessage/index.vue b/src/pages/ChatMain/NoticeMessage/index.vue index 57eee4c..5158ed3 100644 --- a/src/pages/ChatMain/NoticeMessage/index.vue +++ b/src/pages/ChatMain/NoticeMessage/index.vue @@ -105,13 +105,13 @@ const clickItem = (item) => { } .text-color { - color: $text-[#0B5C2D]; + color: #0B5C2D; } .underline-text { text-decoration: underline; - text-decoration-color: $text-[#35F37F]; - color: $text-color-400; + text-decoration-color: #35F37F; + color: #99A0AE; } .noMessage { @@ -129,7 +129,7 @@ const clickItem = (item) => { } .noMessage-text { - color: $text-[#0B5C2D]; + color: #0B5C2D; line-height: 16px; white-space: normal; overflow-wrap: break-word; diff --git a/src/pages/Discovery/index.vue b/src/pages/Discovery/index.vue index 6ab8ac4..e0d3bf7 100644 --- a/src/pages/Discovery/index.vue +++ b/src/pages/Discovery/index.vue @@ -240,14 +240,14 @@ onMounted(() => { width: 100%; height: 100%; min-height: 0; - background: $theme-color-50; + background: #F0F8F3; } .discovery-tabs-sticky { flex-shrink: 0; z-index: 12; width: 100%; - background: $theme-color-50; + background: #F0F8F3; } .discovery-scroll { diff --git a/src/uni.scss b/src/uni.scss index 793098c..fc40d11 100644 --- a/src/uni.scss +++ b/src/uni.scss @@ -13,28 +13,28 @@ */ /* 主题颜色(由 switch-client 命令自动更新) */ -$theme-color-900: #0B5C2D; -$theme-color-800: #0B7034; -$theme-color-700: #0B5C2D; -$theme-color-600: #02C34E; -$theme-color-500: #0CCD58; -$theme-color-400: #35F37F; -$theme-color-300: #77FEAB; -$theme-color-200: #A0E5BA; -$theme-color-100: #E8FFF1; -$theme-color-50: #F0F8F3; +$theme-color-900: #0b5c2d; +$theme-color-800: #0b7034; +$theme-color-700: #0b5c2d; +$theme-color-600: #02c34e; +$theme-color-500: #0ccd58; +$theme-color-400: #35f37f; +$theme-color-300: #77feab; +$theme-color-200: #a0e5ba; +$theme-color-100: #e8fff1; +$theme-color-50: #f0f8f3; // text 颜色 -$text-color-900: #181B25; +$text-color-900: #181b25; $text-color-800: #222530; -$text-color-700: #2B303B; +$text-color-700: #2b303b; $text-color-600: #525866; $text-color-500: #717784; -$text-color-400: #99A0AE; -$text-color-300: #CACFD8; -$text-color-200: #E5E8EE; -$text-color-100: #F2F5F8; -$text-color-50: #F9FAFB; +$text-color-400: #99a0ae; +$text-color-300: #cacfd8; +$text-color-200: #e5e8ee; +$text-color-100: #f2f5f8; +$text-color-50: #f9fafb; /* 颜色变量 */ @@ -98,4 +98,4 @@ $uni-font-size-title: 20px; $uni-color-subtitle: #555555; // 二级标题颜色 $uni-font-size-subtitle: 26px; $uni-color-paragraph: #3f536e; // 文章段落颜色 -$uni-font-size-paragraph: 15px; \ No newline at end of file +$uni-font-size-paragraph: 15px;