1

src/layouts/auth/AuthLayout.tsx

@@ -0,0 +1,33 @@
+import { Layout, Space, Typography, theme } from 'antd'
+import { Outlet } from 'react-router-dom'
+
+export default function AuthLayout() {
+  const { token } = theme.useToken()
+
+  return (
+    <Layout
+      style={{
+        minHeight: '100vh',
+        background: token.colorBgLayout,
+      }}
+    >
+      <Layout.Content
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: 24,
+        }}
+        >
+        <div style={{ width: 480, maxWidth: '100%' }}>
+          <Space direction="vertical" size={8} style={{ marginBottom: 16 }}>
+            <Typography.Title level={4} style={{ marginBottom: 0 }}>
+              云拓商城商家端
+            </Typography.Title>
+          </Space>
+          <Outlet />
+        </div>
+      </Layout.Content>
+    </Layout>
+  )
+}