Jelajahi Sumber

样式统一

Ryuiso 1 bulan lalu
induk
melakukan
b84650982b

+ 4 - 4
jk-rag-platform/src/components/common/AppCard/index.scss

@@ -144,8 +144,8 @@
     &.bg-rose { background: $icon-bg-rose; }
     &.bg-cyan { background: $icon-bg-cyan; }
     &.bg-amber { background: $icon-bg-amber; }
-    &.bg-green { background: #F0FDF4; }
-    &.bg-orange { background: #FFF7ED; }
+    &.bg-green { background: $tag-bg-teal; }
+    &.bg-orange { background: $tag-bg-amber; }
 
     .card-icon,
     svg {
@@ -421,7 +421,7 @@
     }
 }
 
-// 注意:.app-card-grid 已在全局 global.less 中定义,此处不需要重复
+// 注意:.app-card-grid 已在全局 global.scss 中定义,此处不需要重复
 
 // ===== H5 移动端极简样式(v3.7 新增)=====
 // 仅在移动端(≤768px)生效,用于应用广场 2 列布局
@@ -490,7 +490,7 @@
         &:hover {
             transform: none;
             box-shadow: none;
-            border-color: var(--h5-border, #E8E4DF);
+            border-color: var(--h5-border, $border-base);
         }
 
         // 点击反馈

+ 1 - 1
jk-rag-platform/src/components/common/GuideTips/index.scss

@@ -37,7 +37,7 @@
 
             .guide-tips-icon {
                 font-size: $icon-lg;
-                color: #FAAD14;
+                color: $warning-color;
                 margin-right: $spacing-2;
                 transition: transform 0.2s ease, filter 0.2s ease;
             }

+ 2 - 2
jk-rag-platform/src/components/common/HeroBanner/index.scss

@@ -50,7 +50,7 @@
 
     span:last-child {
         font-size: 10px;
-        color: #DBEAFE;
+        color: $tag-text-blue;
         font-weight: $font-weight-semibold;
         font-style: italic;
     }
@@ -66,7 +66,7 @@
 
 .hero-banner-description {
     font-size: $font-sm;
-    color: #CBD5E1;
+    color: $text-secondary;
     line-height: 1.4;
     display: flex;
     flex-direction: column;

+ 3 - 3
jk-rag-platform/src/pages/appCenter/appPlazaList/style.scss

@@ -3,9 +3,9 @@
 
 // 应用广场列表页面样式
 // 说明:
-// - .sort-buttons 已在全局 global.less 中定义
-// - .filter-btn 已在全局 global.less 中定义
-// - .pagination-container 已在全局 global.less 中定义
+// - .sort-buttons 已在全局 global.scss 中定义
+// - .filter-btn 已在全局 global.scss 中定义
+// - .pagination-container 已在全局 global.scss 中定义
 // 本文件仅保留页面特定的响应式样式
 
 .app-plaza-list {

+ 3 - 3
jk-rag-platform/src/pages/appCenter/categoryApps/style.scss

@@ -3,9 +3,9 @@
 
 // 分类应用列表页面样式
 // 说明:
-// - .sort-buttons 已在全局 global.less 中定义
-// - .filter-btn 已在全局 global.less 中定义
-// - .pagination-container 已在全局 global.less 中定义
+// - .sort-buttons 已在全局 global.scss 中定义
+// - .filter-btn 已在全局 global.scss 中定义
+// - .pagination-container 已在全局 global.scss 中定义
 // 本文件仅保留页面特定的响应式样式
 
 .category-apps-list {

+ 1 - 15
jk-rag-platform/src/pages/knowledgeLib/detail/style.scss

@@ -1,17 +1,3 @@
 @use '@/styles/variables.scss' as *;
 // 知识库详情页面样式
-// 说明:优先使用全局样式,本文件只定义页面特定的 Markdown 渲染样式
-
-// ===== Markdown 渲染样式(页面特定)=====
-// 注意:.ant-typography 标题样式已在全局 global.scss 中定义,此处不需要重复
-
-// PDF 预览相关样式(页面特定)
-.ant-spin-container {
-    width: 100%;
-}
-
-.md_center {
-    .ant-tabs-tab {
-        padding: 0 !important;  // 使用 !important 覆盖 Ant Design 默认
-    }
-}
+// 说明:.ant-typography 标题样式和.md_center 样式已在全局 global.scss 和 components/style.scss 中定义,此处不需要重复

+ 2 - 45
jk-rag-platform/src/pages/knowledgeLib/list/style.scss

@@ -2,32 +2,7 @@
 // 导入全局样式变量
 
 // 知识库列表页面样式
-// 说明:优先使用全局样式,本文件只定义必要的表格优化样式
-
-// ===== 表格样式优化 =====
-.content-section {
-    .ant-table {
-        // 使用 Ant Design 默认字体大小,不覆盖
-        // 让全局 .ant-typography 样式控制
-
-        // 表头样式
-        .ant-table-thead {
-            .ant-table-cell {
-                font-weight: $font-weight-semibold;
-                background: $bg-tertiary;
-            }
-        }
-
-        // 表体样式
-        .ant-table-tbody {
-            .ant-table-row {
-                &:hover {
-                    background: $bg-hover;
-                }
-            }
-        }
-    }
-}
+// 说明:.ant-table 样式已在全局 global.scss 中定义,此处不需要重复定义
 
 // ===== 操作栏图标样式 =====
 .action-btn {
@@ -84,26 +59,8 @@
     }
 }
 
-// ===== 响应式适配 - 表格横向滚动 =====
+// ===== 响应式适配 =====
 @media (max-width: $screen-md) {
-    .content-section {
-        .ant-table {
-            font-size: $font-sm;
-
-            .ant-table-thead {
-                .ant-table-cell {
-                    padding: $spacing-2 $spacing-3;
-                }
-            }
-
-            .ant-table-tbody {
-                .ant-table-cell {
-                    padding: $spacing-2 $spacing-3;
-                }
-            }
-        }
-    }
-
     // 操作按钮缩小
     .action-btn {
         width: 36px;

+ 4 - 6
jk-rag-platform/src/pages/layout/style.scss

@@ -72,12 +72,10 @@
         flex: 1;
         font-weight: $font-weight-medium;
 
-        .ant-breadcrumb-link {
-            a {
-                &:hover {
-                    color: $primary-color !important;
-                    font-weight: $font-weight-medium;
-                }
+        .ant-breadcrumb-link a {
+            &:hover {
+                color: $primary-color;
+                font-weight: $font-weight-medium;
             }
         }
     }

+ 1 - 1
jk-rag-platform/src/pages/login/style.scss

@@ -38,7 +38,7 @@
                     font-size: $font-2xl;
                     color: $primary-color;
                     border-bottom: 2px solid $primary-color;
-                    background: linear-gradient(to bottom, $bg-secondary 50%, #D3DCF6 50%);
+                    background: linear-gradient(to bottom, $bg-secondary 50%, $bg-tertiary 50%);
                 }
             }
         }

+ 4 - 4
jk-rag-platform/src/pages/otherApps/style.scss

@@ -3,10 +3,10 @@
 
 // 其他应用列表页面样式
 // 说明:
-// - .list-header 已在全局 global.less 中定义
-// - .sort-buttons 已在全局 global.less 中定义
-// - .filter-btn 已在全局 global.less 中定义
-// - .pagination-container 已在全局 global.less 中定义
+// - .list-header 已在全局 global.scss 中定义
+// - .sort-buttons 已在全局 global.scss 中定义
+// - .filter-btn 已在全局 global.scss 中定义
+// - .pagination-container 已在全局 global.scss 中定义
 // 本文件仅保留页面特定的响应式样式
 
 .app-plaza-list {

+ 1 - 1
jk-rag-platform/src/pages/questionAnswer/info/style.scss

@@ -4,7 +4,7 @@
 // ===== 创建应用页面样式 =====
 // 注意:
 // 1. 主容器使用全局的 .page-layout(已定义在 PageLayout/index.less)
-// 2. 标题栏使用 .list-header.with-back(已定义在 global.less)
+// 2. 标题栏使用 .list-header.with-back(已定义在 global.scss)
 // 3. 此处只定义页面特定的表单和布局样式,不要覆盖全局样式
 
 // ===== 预设问题区域 =====

+ 4 - 4
jk-rag-platform/src/pages/questionAnswer/list/style.scss

@@ -3,8 +3,8 @@
 
 // ===== 我创建的应用列表页面样式 =====
 // 说明:
-// - .page-container 已在全局 global.less 中定义
-// - .list-header 已在全局 global.less 中定义
-// - .app-card-grid 已在全局 global.less 中定义
-// - .pagination-container 已在全局 global.less 中定义
+// - .page-container 已在全局 global.scss 中定义
+// - .list-header 已在全局 global.scss 中定义
+// - .app-card-grid 已在全局 global.scss 中定义
+// - .pagination-container 已在全局 global.scss 中定义
 // 本文件不需要额外定义样式

+ 1 - 1
jk-rag-platform/src/pages/system/apiKey/style.scss

@@ -1,3 +1,3 @@
 @use '@/styles/variables.scss' as *;
 // 系统管理 - API Key 页面样式
-// 注意:.content-section 已在全局 global.less 中定义,此处不需要重复
+// 注意:.content-section 已在全局 global.scss 中定义,此处不需要重复

+ 2 - 2
jk-rag-platform/src/pages/system/audit/style.scss

@@ -116,7 +116,7 @@
 
                 &.approve {
                     background: $success-color;
-                    color: #ffffff;
+                    color: $bg-secondary;
                     border: none;
 
                     &:hover {
@@ -126,7 +126,7 @@
 
                 &.reject {
                     background: $error-color;
-                    color: #ffffff;
+                    color: $bg-secondary;
                     border: none;
 
                     &:hover {