feat(knowledge): 优化知识库列表展示效果

- 添加 fs13 字体样式
- 更新 radius 变量，增加 13

src/assets/sass/utils.scss

@@ -15,6 +15,9 @@
 .fs12 {
   font-size: 12px;
 }
+.fs13 {
+  font-size: 13px;
+}
 
 .fs14 {
   font-size: 14px;

src/assets/sass/variables.scss

@@ -38,7 +38,7 @@ right,
 bottom;
 
 //圆角弧度
-$radius: 1 2 3 4 5 6 7 8 9 10 12 15 18 20 50 100;
+$radius: 1 2 3 4 5 6 7 8 9 10 12 13 14 15 18 20 50 100;
 
 //透明度
 $opacity: 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9;

src/icons/svg/folder.svg

@@ -0,0 +1 @@
+<svg t="1744165813164" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7308"><path d="M727.466667 714.666667H352c-46.933333 0-85.333333-38.4-85.333333-85.333334V275.2c0-46.933333 38.4-85.333333 85.333333-85.333333h332.8c70.4 0 128 57.6 128 128v309.333333c0 49.066667-38.4 87.466667-85.333333 87.466667z" fill="#93A8FF" p-id="7309"></path><path d="M682.666667 759.466667H307.2c-46.933333 0-85.333333-38.4-85.333333-85.333334V322.133333c0-46.933333 38.4-85.333333 85.333333-85.333333H682.666667c46.933333 0 85.333333 38.4 85.333333 85.333333v352c0 46.933333-38.4 85.333333-85.333333 85.333334z" fill="#FCCA1E" p-id="7310"></path><path d="M768 782.933333H256c-46.933333 0-85.333333-38.4-85.333333-85.333333V366.933333c0-46.933333 38.4-85.333333 85.333333-85.333333h213.333333c25.6 0 49.066667 14.933333 61.866667 38.4l17.066667 25.6c12.8 17.066667 34.133333 27.733333 55.466666 27.733333H768c46.933333 0 85.333333 38.4 85.333333 85.333334v238.933333c0 46.933333-38.4 85.333333-85.333333 85.333333z" fill="#2953FF" p-id="7311"></path></svg>

src/views/knowledge/index.vue

@@ -18,16 +18,18 @@
           </el-col>
         </el-row>
 
-        <div class='ledge-list mt20 fs12'>
+        <div class='ledge-list mt20'>
           <el-card shadow="hover" class='item dashed' @click='createdKnowLedge'>新增知识库</el-card>
           <el-card v-for='(item,index) in datasetList' class='item' shadow="hover" :key='index'>
-            <div class='item-body'>
-              <div>
-                icon
+            <div class='item-body flex '>
+              <div >
+                <div class='folder-content mr20 '>
+                  <svg-icon iconClass='folder' className='folder' ></svg-icon>
+                </div>
               </div>
               <div>
-                <p>{{item.name}}</p>
-                <p>{{item.description}}</p>
+                <h4>{{item.name}}</h4>
+                <p class='fs13 mt20 gray'>{{item.description}}</p>
               </div>
             </div>
             <div class='item-bottom mt20'>
@@ -160,5 +162,17 @@ export default {
   }
 
 
+  & .folder-content{
+    background-color: rgba(245, 248, 255,1);
+    text-align: center;
+    border-radius: 8px;
+    padding:10px;
+    & .folder{
+      width: 40px;
+      height:40px;
+    }
+  }
+
+
 }
 </style>