feat: 收藏记录empty处理

src/pages/Collect/Collect.tsx

@@ -15,6 +15,7 @@ import { fetchDelCollection } from '@/api/chat'
 import { MarkdownDetail } from '@/components/MarkdownDetail'
 import { MarkdownDetail } from '@/components/MarkdownDetail'
 import AIcon from '@/assets/svg/aicon.svg?react'
 import AIcon from '@/assets/svg/aicon.svg?react'
 import QIcon from '@/assets/svg/qicon.svg?react'
 import QIcon from '@/assets/svg/qicon.svg?react'
+import EmptyIcon from '@/assets/svg/empty.svg?react'
 
 
 export const Collect: React.FC = () => {
 export const Collect: React.FC = () => {
   const [isLoading, setIsLoading] = useState(false)
   const [isLoading, setIsLoading] = useState(false)
@@ -138,6 +139,14 @@ export const Collect: React.FC = () => {
                   </motion.div>
                   </motion.div>
                 )
                 )
               }
               }
+              {
+                collectList.length === 0 && !isLoading && (
+                  <div className="flex w-full h-full items-center justify-center flex-col">
+                    <EmptyIcon />
+                    <p className="text-[13px] text-[#27353C] mt-[16px]">暂无收藏记录</p>
+                  </div>
+                )
+              }
               {isLoading && <div className="w-full flex justify-center"><Spinner /></div>}
               {isLoading && <div className="w-full flex justify-center"><Spinner /></div>}
               {
               {
                 !isLoading && collectList.length < total && (
                 !isLoading && collectList.length < total && (