update
parent
5d479d322b
commit
fc35a1f0c8
|
|
@ -0,0 +1,5 @@
|
|||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<component name="InspectionProjectProfileManager">
|
||||
<profile version="1.0">
|
||||
<option name="myName" value="Project Default" />
|
||||
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||
</profile>
|
||||
</component>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="EslintConfiguration">
|
||||
<option name="fix-on-save" value="true" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/kun-web.iml" filepath="$PROJECT_DIR$/.idea/kun-web.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="PrettierConfiguration">
|
||||
<option name="myRunOnSave" value="true" />
|
||||
<option name="myFilesPattern" value="{**/*,*}.{js,ts,jsx,tsx,css}" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -21,6 +21,7 @@
|
|||
"react-redux": "^7.2.6",
|
||||
"react-router-dom": "^6.2.1",
|
||||
"react-scripts": "5.0.0",
|
||||
"redux": "^4.1.2",
|
||||
"typescript": "^4.5.5",
|
||||
"web-vitals": "^2.1.4"
|
||||
},
|
||||
|
|
@ -47,5 +48,8 @@
|
|||
"last 1 firefox version",
|
||||
"last 1 safari version"
|
||||
]
|
||||
},
|
||||
"devDependencies": {
|
||||
"redux-devtools": "^3.7.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
-->
|
||||
<title>React App</title>
|
||||
</head>
|
||||
<body>
|
||||
<body style="margin: 0">
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
<!--
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import { Button } from "@mui/material";
|
||||
import style from "./style.module.css";
|
||||
import { Link } from "react-router-dom";
|
||||
import React from "react";
|
||||
|
||||
interface Props {
|
||||
isSignIn: boolean;
|
||||
|
|
@ -12,7 +14,9 @@ export function HomeMenu(props: Props) {
|
|||
<div className={props.className}>
|
||||
<Button className={style.text}>定价</Button>
|
||||
{props.isSignIn ? (
|
||||
<Link className={style.text} to={`/dashboard`}>
|
||||
<Button className={style.text}>文件列表</Button>
|
||||
</Link>
|
||||
) : (
|
||||
<Button className={style.text} onClick={props.onOpenSignIn}>
|
||||
注册 / 登录
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
.text {
|
||||
color: #252525 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,27 @@
|
|||
import style from "./style.module.css";
|
||||
import { Link } from "react-router-dom";
|
||||
function Login() {
|
||||
return <div>文件目录</div>;
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
width: "100vw",
|
||||
height: "100vh",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<div className={style.menu}>
|
||||
<li>文件</li>
|
||||
<li>分享</li>
|
||||
<li>保险箱</li>
|
||||
<li>回收站</li>
|
||||
<Link to={`/`}>
|
||||
<div className={style.logo}>LOGO</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Login;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,34 @@
|
|||
.menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
width: 350px;
|
||||
height: 100vh;
|
||||
background-color: #f2f2f2;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.menu li {
|
||||
width: 350px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
border-top: #949494 1px solid;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu > li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.menu > li:hover {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
font-size: 48px;
|
||||
cursor: pointer;
|
||||
}
|
||||
Loading…
Reference in New Issue