style(knowledge): 优化知识库相关页面样式

- 调整知识库列表、详情、编辑等页面的样式布局
-优化文本显示效果，增加省略号处理
- 统一按钮样式和间距
- 调整滚动条和粘性元素的样式

src/views/knowledge/index.vue

@@ -49,7 +49,7 @@
     </div>
 
     <div class="card-body">
-      <div class="ledge-list mt20">
+      <div class="ledge-list mt10 ">
         <el-card
           v-for="(item, index) in datasetList"
           class="item datasetList"
@@ -57,7 +57,7 @@
           :key="index"
           @click.native.stop="knowLedgeDetail(item)"
         >
-          <div class="dataset-header">
+          <div class="dataset-header mb10">
             <div class="folder-content">
               <img
                 :src="item.image ? item.image : getKnowledgeImage(index)"
@@ -71,10 +71,11 @@
             </div>
           </div>
 
-          <div class="flex align-items-c justify-content-b mh20 mv10">
+          <div class="flex align-items-c justify-content-b mh20 mv5">
             <div class="theme-primary-desc-text-drank fs12">
               {{ item.segmentedMode | filterSegmentedMode }}
             </div>
+
             <div class="opacity-button">
               <el-button
                 class="default "
@@ -390,10 +391,10 @@ export default {
       text-align: left;
       font-style: normal;
 
-      height: 35px;
+      height: 18px;
       margin: 0;
       display: -webkit-box; // 支持多行省略
-      -webkit-line-clamp: 2; // 限制为两行
+      -webkit-line-clamp: 1; // 限制为两行
       -webkit-box-orient: vertical; // 垂直方向排列
       overflow: hidden; // 隐藏超出部分
       text-overflow: ellipsis; // 显示省略号