fix style.

langchat-ui/src/components/CheckCard/CheckCard.vue

@@ -1,15 +1,15 @@
 <template>
   <n-space :justify="justify">
     <template v-for="item in dataSource" :key="item.key">
-      <div @click="handleChecked(item)" style="height: 96px">
+      <div style="height: 96px" @click="handleChecked(item)">
         <n-list
           :class="checked == item.key ? 'check-list-checked' : ''"
-          class="check-list"
           bordered
+          class="check-list"
         >
           <n-list-item>
             <template #prefix>
-              <n-avatar>
+              <n-avatar class="!text-black">
                 <n-icon>
                   <component :is="item.icon" />
                 </n-icon>
@@ -20,7 +20,7 @@
               <template #description>{{ item.label }}</template>
             </n-thing>
             <template #suffix>
-              <n-icon size="20" :color="checked == item.key ? '#18a058' : '#eee'">
+              <n-icon :color="checked == item.key ? '#18a058' : '#eee'" size="20">
                 <CheckmarkCircle />
               </n-icon>
             </template>
@@ -31,7 +31,7 @@
   </n-space>
 </template>
 <script lang="ts">
-  import { ref, defineComponent, computed, onMounted, Component } from 'vue';
+  import { Component, computed, defineComponent, onMounted, ref } from 'vue';
   import { CheckmarkCircle } from '@vicons/ionicons5';
 
   export type CheckSource = {
@@ -92,7 +92,7 @@
     },
   });
 </script>
-<style scoped lang="less">
+<style lang="less" scoped>
   .check-list {
     width: 320px;
     cursor: pointer;

langchat-ui/src/settings/projectSetting.ts

@@ -68,6 +68,6 @@ const setting = {
   //是否开启路由动画
   isPageAnimate: true,
   //路由动画类型
-  pageAnimateType: 'zoom-fade',
+  pageAnimateType: 'fade-slide',
 };
 export default setting;

langchat-ui/src/views/aigc/knowledge/components/DocsSliceSearch/index.vue

@@ -19,14 +19,17 @@
   import SvgIcon from '@/components/SvgIcon/index.vue';
   import { embeddingSearch } from '@/api/aigc/embedding';
   import router from '@/router';
+  import { useMessage } from 'naive-ui';
 
   const content = ref('');
   const loading = ref(false);
   const list = ref<any>([]);
+  const ms = useMessage();
 
   async function onSearch() {
     if (content.value === '') {
       list.value = [];
+      ms.warning('请先输入搜索内容');
       return;
     }
     loading.value = true;
@@ -43,8 +46,13 @@
   <n-card class="h-full w-full">
     <div class="flex h-full gap-4">
       <div class="w-1/3 flex flex-col gap-3">
-        <n-button :loading="loading" secondary type="success" @click="onSearch">向量搜索</n-button>
-        <n-input v-model:value="content" rows="10" type="textarea" />
+        <n-button :loading="loading" secondary type="primary" @click="onSearch">向量搜索</n-button>
+        <n-input
+          v-model:value="content"
+          placeholder="请输入关键词查询向量文本"
+          rows="10"
+          type="textarea"
+        />
       </div>
       <div class="w-full">
         <n-spin :show="loading">

langchat-ui/src/views/aigc/knowledge/components/ImportFile/components/DocInput.vue

@@ -65,10 +65,10 @@
 <template>
   <div class="flex flex-col gap-4">
     <div>
-      <n-button :loading="loading" type="success" @click="handleSubmit">提交到知识库学习</n-button>
+      <n-button :loading="loading" type="primary" @click="handleSubmit">提交到知识库学习</n-button>
     </div>
 
-    <n-form :rules="rules" :model="form" label-placement="left" label-width="auto">
+    <n-form :model="form" :rules="rules" label-placement="left" label-width="auto">
       <n-form-item label="文件名称" path="name">
         <n-input v-model:value="form.name" />
       </n-form-item>

langchat-ui/src/views/aigc/knowledge/components/index.vue

@@ -84,7 +84,7 @@
       <n-card :bordered="false" size="medium">
         <template #header>
           <n-space class="flex items-center">
-            <n-button dashed type="success" @click="handleReturn">
+            <n-button dashed type="primary" @click="handleReturn">
               知识库列表
               <template #icon>
                 <n-icon>

langchat-ui/src/views/aigc/knowledge/index.vue

@@ -107,7 +107,11 @@
       <n-empty v-if="list == null || list.length == 0" class="mt-10" />
 
       <ul class="mt-6 grid gap-8 sm:grid-cols-3 lg:grid-cols-4">
-        <li v-for="(item, idx) in list" :key="idx" class="rounded-lg shadow-lg shadow-neutral-200">
+        <li
+          v-for="(item, idx) in list"
+          :key="idx"
+          class="rounded-lg border border-gray-200 hover:shadow-lg cursor-pointer"
+        >
           <div class="flex items-center justify-between p-4">
             <div class="flex items-center gap-2">
               <n-avatar v-if="item.cover" :size="48" :src="item.cover" round>