From 6886d5880709bc7bd33e31d8482faba472376d48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Tue, 22 Apr 2025 20:09:25 +0800
Subject: [PATCH] =?UTF-8?q?style(knowledge):=20=E4=BC=98=E5=8C=96=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 underBorder 类样式，用于美化输入框
- 新增主题描述文本颜色变量和样式
- 调整知识库列表头部样式，增加按钮和调整布局
---
 src/assets/sass/renderSass/input.scss | 12 ++++++++++++
 src/assets/sass/renderSass/theme.scss |  5 +++++
 src/assets/sass/renderUi.scss         |  1 +
 src/views/knowledge/index.vue         | 14 ++++++++------
 4 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/sass/renderSass/input.scss

diff --git a/src/assets/sass/renderSass/input.scss b/src/assets/sass/renderSass/input.scss
new file mode 100644
index 0000000..fff2532
--- /dev/null
+++ b/src/assets/sass/renderSass/input.scss
@@ -0,0 +1,12 @@
+.underBorder {
+  border: unset;
+  .el-input__inner {
+    border: unset;
+  }
+
+  .el-input-group__prepend {
+    background: #fff;
+    border: unset;
+    padding: 0 0 0 10px;
+  }
+}
diff --git a/src/assets/sass/renderSass/theme.scss b/src/assets/sass/renderSass/theme.scss
index eca6c41..2f634fe 100644
--- a/src/assets/sass/renderSass/theme.scss
+++ b/src/assets/sass/renderSass/theme.scss
@@ -5,9 +5,14 @@ $--color-primary-disabled: #155aef24;
 $--color-primary-danger: #ff0000;
 $--color-primary-danger-light: lighten($--color-primary-danger, 5%); //高亮颜色
 $--color-primary-danger-disabled: #ff000024;
+$--color-primary-desc-text: #51525d;
 :root {
   --swiper-theme-color: #0a6dff;
   --color-primary: #0a6dff;
   --color-primary-disabled: #155aef24;
   --color-primary-danger: #ff0000;
 }
+
+.theme-primary-desc-text {
+  color: $--color-primary-desc-text;
+}
diff --git a/src/assets/sass/renderUi.scss b/src/assets/sass/renderUi.scss
index ab5f5ac..ef03b3b 100644
--- a/src/assets/sass/renderUi.scss
+++ b/src/assets/sass/renderUi.scss
@@ -1,6 +1,7 @@
 @import 'renderSass/theme';
 @import 'renderSass/button';
 @import 'renderSass/dialog';
+@import 'renderSass/input';
 
 html,
 body,
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index 6f7a488..8bb0799 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -2,19 +2,21 @@
   <div id="index-container" class="container index-container">
     <el-row>
       <el-col :span="8">
-        <el-input placeholder="输入知识库名称" clearable v-model="nameLike">
-          <el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
+        <el-input placeholder="输入知识库名称" clearable v-model="nameLike" size="medium" class="underBorder">
+          <template slot="prepend">
+            <el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
+          </template>
         </el-input>
       </el-col>
     </el-row>
 
-    <div slot="header" class="clearfix">
+    <div slot="header" class="clearfix mt30">
       <h3>知识库列表</h3>
-      <p class="mt10 fs14" style="line-height: 20px">
+      <p class="mt20 fs14 theme-primary-desc-text" style="line-height: 10px">
         易商数智知识库平台，旨在为用户提供更便捷、更灵敏、更全面的知识存储和操作平台，用户可以通过创建不同的知识库，完成对系统内知识的细分和储备。
       </p>
-      <p class="mt10 fs14" style="line-height: 20px">同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。</p>
-      <el-button type="text" disabled class="mt10">操作文档</el-button>
+      <p class="mt10 fs14 theme-primary-desc-text" style="line-height: 15px">同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。</p>
+      <el-button type="primary" class="mt20 render-button" plain>操作文档</el-button>
     </div>
 
     <div class="card-body">