增加了模型上传页面

2026-01-09 10:38:04 +08:00
parent cbff78a0cd
commit 217f457f5f
9 changed files with 1062 additions and 441 deletions
--- a/web/css/login.css
+++ b/web/css/login.css
@@ -0,0 +1,162 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
+
+body {
+  margin: 0;
+  height: 100vh;
+  overflow: hidden;
+  background-color: #DBE0F9;
+  font-family: 'Roboto', sans-serif;
+}
+
+body .svg-top {
+  position: absolute;
+  top: -900px;
+  right: -300px;
+}
+
+body .svg-bottom {
+  position: absolute;
+  bottom: -500px;
+  left: -200px;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.container .wrapper {
+  padding: 40px;
+  background-color: #fff;
+  border-radius: 20px;
+  width: 350px;
+  z-index: 1;
+}
+
+.container .wrapper header {
+  margin-bottom: 40px;
+}
+
+.container .wrapper header .logo {
+  width: 70px;
+  height: 70px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.container .wrapper header .logo img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.container .wrapper header .logo span {
+  font-size: 18px;
+  color: #fff;
+}
+
+.container .wrapper header h1 {
+  color: #6065D9;
+  font-size: 35px;
+  font-weight: 500;
+  margin-bottom: 0;
+  margin-top: 40px;
+}
+
+.container .wrapper header p {
+  color: #6065D9;
+  font-size: 18px;
+  font-weight: 300;
+  margin: 5px 0 0 0;
+}
+
+.container .wrapper .main-content input {
+  border: none;
+  display: block;
+  width: 100%;
+  height: 50px;
+  margin: 15px 0;
+  font-size: 18px;
+  color: #999;
+}
+
+.container .wrapper .main-content input::placeholder {
+  color: #999;
+  font-size: 18px;
+  font-weight: 300;
+}
+
+.container .wrapper .main-content input:focus {
+  outline: none;
+}
+
+.container .wrapper .main-content .line {
+  width: 100%;
+  height: 2px;
+  background-color: #99999955;
+}
+
+.container .wrapper .main-content button {
+  background: linear-gradient(to right, #6065D9, #17D7FA);
+  border: none;
+  border-radius: 50px;
+  font-size: 18px;
+  font-weight: 300;
+  color: #fff;
+  display: block;
+  width: 100px;
+  height: 40px;
+  margin: 0 auto;
+  outline: none;
+  cursor: pointer;
+}
+
+.container .wrapper .main-content .btn-primary {
+  background: linear-gradient(to right, #6065D9, #17D7FA);
+  border-radius: 50px;
+  font-size: 18px;
+  font-weight: 300;
+  color: #fff;
+  text-decoration: none;
+  display: inline-block;
+  padding: 12px 40px;
+  margin: 20px auto;
+  outline: none;
+  cursor: pointer;
+  transition: opacity 0.3s;
+}
+
+.container .wrapper .main-content .btn-primary:hover {
+  opacity: 0.9;
+}
+
+.container .wrapper footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 60px;
+}
+
+.container .wrapper footer p {
+  margin: 0;
+  font-weight: 100;
+}
+
+.container .wrapper footer p a {
+  color: #6065D9;
+  text-decoration: none;
+}
+
+@media (min-width: 320px) and (max-width: 768px) {
+  .wrapper {
+    margin: 0 10px !important;
+    padding: 30px;
+  }
+
+  .wrapper header h1 {
+    font-size: 30px;
+  }
+}