- 暂时移除未使用的变量
- 配置项目依赖
- 组织项目基础结构
- 完成auth页面书写
Change-Id: I132c32f131111121619eb69240ece0a39e295c36
diff --git a/src/feature/auth/AuthLayout.tsx b/src/feature/auth/AuthLayout.tsx
new file mode 100644
index 0000000..cceaf2d
--- /dev/null
+++ b/src/feature/auth/AuthLayout.tsx
@@ -0,0 +1,44 @@
+import { Card, Flex } from "antd";
+import { Outlet } from "react-router";
+import auth_background from "../../assets/auth_background.png"
+import slogan from "../../assets/slogan.png"
+function AuthLayout() {
+
+ return (
+ <Flex gap="20px" justify="center">
+ <div
+ style={{
+ width: '45%',
+ height: '80vh',
+ backgroundImage: `url(${auth_background})`,
+ backgroundSize: 'cover',
+ backgroundPosition: 'center',
+ borderRadius: '12px',
+ position: 'relative',
+ }}
+ >
+ {/* <h1>
+ 登录创驿
+ </h1>
+ <p>
+ 与众多用户和创作者一起交流
+ </p> */}
+ </div>
+ <Flex
+ style={{ width: 400, height: '80vh' }}
+ vertical
+ gap="20px"
+ justify="space-between"
+ >
+ <Card>
+ <Outlet></Outlet>
+ </Card>
+ <Card style={{ padding: 0, margin: 0 }}>
+ <img src={slogan} width="100%" />
+ </Card>
+ </Flex>
+ </Flex>
+ );
+}
+
+export default AuthLayout;
\ No newline at end of file