feat: 收藏的样式

src/pages/Collect/Collect.tsx

@@ -87,15 +87,21 @@ export const Collect: React.FC = () => {
         <ChatMaskBar />
         <ChatMaskBar />
         <div className="content h-full overflow-y-auto">
         <div className="content h-full overflow-y-auto">
           <motion.div
           <motion.div
+
+            className={`${styles.collectScrollable} scrollbar-hide`}
+          >
+            <div className={`${styles.inter}`}>
+              {
+                collectList.length !== 0 && (
+                  <motion.div
                     initial={{ opacity: 0, y: -10 }}
                     initial={{ opacity: 0, y: -10 }}
                     animate={{ opacity: 1, y: 0 }}
                     animate={{ opacity: 1, y: 0 }}
                     transition={{
                     transition={{
                       duration: 0.3,
                       duration: 0.3,
                       opacity: { duration: 0.1 },
                       opacity: { duration: 0.1 },
                     }}
                     }}
-            className={`${styles.collectScrollable} scrollbar-hide`}
+                    className="flex flex-col gap-[24px]"
                   >
                   >
-            <div className={`${styles.inter} gap-[32px]`}>
                     {
                     {
                       collectList.map((item: any, index: number) => (
                       collectList.map((item: any, index: number) => (
                         <div className="w-full max-w-[1000px] mx-auto bg-white rounded-[20px] box-border px-[24px] py-[20px]" key={`${item.collectionId}_${index}`}>
                         <div className="w-full max-w-[1000px] mx-auto bg-white rounded-[20px] box-border px-[24px] py-[20px]" key={`${item.collectionId}_${index}`}>
@@ -123,6 +129,9 @@ export const Collect: React.FC = () => {
                         </div>
                         </div>
                       ))
                       ))
                     }
                     }
+                  </motion.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 && (
@@ -135,7 +144,7 @@ export const Collect: React.FC = () => {
               }
               }
               {
               {
                 collectList.length === total && collectList.length !== 0 && (
                 collectList.length === total && collectList.length !== 0 && (
-                  <div className="w-full max-w-[1000px] mx-auto flex justify-center text-[#8D9795]">到底啦~</div>
+                  <div className="w-full mt-[24px] max-w-[1000px] mx-auto flex justify-center text-[#8D9795]">到底啦~</div>
                 )
                 )
               }
               }
             </div>
             </div>