调整内容区域在sm时，占据满屏；调整tabbar在sm xs时显示

src/layouts/BasicLayout.tsx

@@ -61,13 +61,13 @@ const BasicLayout: React.FC<BasicLayoutProps> = ({ children }) => {
                         <NavMenu></NavMenu>
                     </Col>
                     {/* 内容区域 */}
-                    <Col xl={20} lg={20} xs={24} md={24} sm={12} style={{ flex: 1, border: '1px solid blue' }}>
+                    <Col xl={20} lg={20} xs={24} md={24} sm={24} style={{ flex: 1, border: '1px solid blue' }}>
                         {children}
                     </Col>
                 </Row>
                 {/* Tabbar：固定在底部，仅在手机屏幕显示 */}
                 <div className="bottom-0 w-full bg-red xl:hidden">
-                    <TabBar className='xl:hidden lg:hidden md:hidden sm:hidden xs:block'>
+                    <TabBar className='xl:hidden lg:hidden md:hidden sm:block xs:block'>
                         <TabBar.Item className="text-red-500" title="患者管理" key="home" icon={<div>🏠</div>} />
                         <TabBar.Item className="text-red-500" title="检查" key="profile" icon={<div>👤</div>} />
                         <TabBar.Item className="text-red-500" title="急诊" key="emergency" icon={<div>⚙️</div>} />