feat: layout mobile

ColeWang · Aug 2, 2024 · 43730a5 · 43730a5
1 parent dedb4ed
commit 43730a5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/layout/compatible/navbar/index.jsx b/src/layout/compatible/navbar/index.jsx
@@ -6,6 +6,7 @@ import Fullscreen from '../../components/fullscreen'
 import Language from '../../components/language'
 import Avatar from '../../components/avatar'
 import { HamburgerOutlined } from '@/components/icon'
+import { useSite } from '@site'
 import { getElement } from '@site//utils/dom'
 import { useConfigInject } from '@site/utils/extend'
 import useStyle from './style'
@@ -30,6 +31,7 @@ export default defineComponent({
     setup (props, { emit, attrs }) {
         const { prefixCls } = useConfigInject('pro-layout-navbar', props)
         const [wrapSSR, hashId] = useStyle(prefixCls)
+        const $site = useSite()
 
         const popupContainer = ref(null)
 
@@ -53,7 +55,9 @@ export default defineComponent({
                                     <div class={`${prefixCls.value}-collapse`} onClick={onCollapse}>
                                         <HamburgerOutlined class={collapseClass}/>
                                     </div>
-                                    <Breadcrumb router={router}/>
+                                    {$site.screen.gt.xs ? (
+                                        <Breadcrumb router={router}/>
+                                    ) : null}
                                 </div>
                                 <div class={`${prefixCls.value}-right`}>
                                     <Settings/>

diff --git a/src/views/Home.jsx b/src/views/Home.jsx
@@ -152,7 +152,7 @@ export default defineComponent({
                 ]),
                 extra: ({ pageData }) => (
                     <Card>
-                        <Descs size={'small'} column={3}>
+                        <Descs size={'small'}>
                             <Descs.Item label={'Row'}>{pageData.length}</Descs.Item>
                             <Descs.Item label={'Created'}>Cole</Descs.Item>
                             <Descs.Item label={'Association'}>