perf: app store

client/src/pages/model/share/index.tsx

@@ -6,6 +6,7 @@ import { usePagination } from '@/hooks/usePagination';
 import type { ShareModelItem } from '@/types/model';
 import { useUserStore } from '@/store/user';
 import ShareModelList from './components/list';
+import styles from './index.module.scss';
 
 const modelList = () => {
   const { Loading } = useLoading();
@@ -42,53 +43,51 @@ const modelList = () => {
   );
 
   return (
-    <Box py={[5, 10]} px={'5vw'}>
-      <Card px={6} py={3}>
-        <Box display={['block', 'flex']} alignItems={'center'} justifyContent={'space-between'}>
-          <Box fontWeight={'bold'} flex={1} fontSize={'xl'}>
-            应用市场
-          </Box>
-          <Box mt={[2, 0]} textAlign={'right'}>
-            <Input
-              w={['200px', '250px']}
-              size={'sm'}
-              value={searchText}
-              placeholder="搜索应用，回车确认"
-              onChange={(e) => setSearchText(e.target.value)}
-              onBlur={() => {
-                if (searchText === lastSearch.current) return;
+    <Box px={[5, 10]} py={[4, 6]} position={'relative'} minH={'109vh'}>
+      <Flex alignItems={'center'} mb={2}>
+        <Box className={styles.textlg} fontWeight={'bold'} fontSize={'3xl'}>
+          AI 应用市场
+        </Box>
+        {/* <Box mt={[2, 0]} textAlign={'right'}>
+          <Input
+            w={['200px', '250px']}
+            size={'sm'}
+            value={searchText}
+            placeholder="搜索应用，回车确认"
+            onChange={(e) => setSearchText(e.target.value)}
+            onBlur={() => {
+              if (searchText === lastSearch.current) return;
+              getData(1);
+              lastSearch.current = searchText;
+            }}
+            onKeyDown={(e) => {
+              if (searchText === lastSearch.current) return;
+              if (e.key === 'Enter') {
                 getData(1);
                 lastSearch.current = searchText;
-              }}
-              onKeyDown={(e) => {
-                if (searchText === lastSearch.current) return;
-                if (e.key === 'Enter') {
-                  getData(1);
-                  lastSearch.current = searchText;
-                }
-              }}
-            />
-          </Box>
-        </Box>
-        <Grid
-          templateColumns={[
-            'repeat(1,1fr)',
-            'repeat(2,1fr)',
-            'repeat(3,1fr)',
-            'repeat(4,1fr)',
-            'repeat(5,1fr)'
-          ]}
-          gridGap={4}
-          mt={4}
-        >
-          <ShareModelList models={models} onclickCollection={onclickCollection} />
-        </Grid>
-        <Flex mt={4} justifyContent={'flex-end'}>
-          <Pagination />
-        </Flex>
-      </Card>
+              }
+            }}
+          />
+        </Box> */}
+      </Flex>
+      <Grid
+        templateColumns={[
+          'repeat(1,1fr)',
+          'repeat(2,1fr)',
+          'repeat(3,1fr)',
+          'repeat(4,1fr)',
+          'repeat(5,1fr)'
+        ]}
+        gridGap={4}
+        mt={4}
+      >
+        <ShareModelList models={models} onclickCollection={onclickCollection} />
+      </Grid>
+      <Flex mt={4} justifyContent={'center'}>
+        <Pagination />
+      </Flex>
 
-      <Loading loading={isLoading} />
+      <Loading loading={isLoading} fixed={false} />
     </Box>
   );
 };