add app

client/src/components/Layout/navbarPhone.tsx

@@ -20,8 +20,8 @@ const NavbarPhone = ({ unread }: { unread: number }) => {
       {
         label: '应用',
         icon: 'tabbarModel',
-        link: `/model`,
-        activeLink: ['/model'],
+        link: `/app/list`,
+        activeLink: ['/app/list'],
         unread: 0
       },
       {

client/src/components/PageContainer/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Box, useTheme, type BoxProps } from '@chakra-ui/react';
+
+const PageContainer = ({ children, ...props }: BoxProps) => {
+  const theme = useTheme();
+  return (
+    <Box bg={'myGray.100'} h={'100%'} p={[0, 5]} {...props}>
+      <Box
+        flex={1}
+        h={'100%'}
+        bg={'white'}
+        borderRadius={['', '2xl']}
+        border={['', theme.borders.lg]}
+        overflowY={'auto'}
+      >
+        {children}
+      </Box>
+    </Box>
+  );
+};
+
+export default PageContainer;

client/src/components/SlideTabs/index.tsx

@@ -42,20 +42,19 @@ const SlideTabs = ({ list, size = 'md', activeId, onChange, ...props }: Props) =
           px={3}
           mb={2}
           alignItems={'center'}
-          _hover={{
-            bg: 'myWhite.600'
-          }}
           {...(activeId === item.id
             ? {
-                // backgroundImage: 'linear-gradient(to right, #85b1ff 0%, #EBF7FD 100%)',
-                bg: ' myBlue.300',
+                bg: ' myBlue.300 !important',
                 fontWeight: 'bold',
-                color: 'myBlue.700',
+                color: 'myBlue.700 ',
                 cursor: 'default'
               }
             : {
                 cursor: 'pointer'
               })}
+          _hover={{
+            bg: 'myWhite.600'
+          }}
           onClick={() => {
             if (activeId === item.id) return;
             onChange(item.id);