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

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

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>