init

2026-08-06 15:24:03 +08:00
commit c613b520a9
49 changed files with 13902 additions and 0 deletions
@@ -0,0 +1,165 @@
+/* ========================================
+   登录页面
+   ======================================== */
+
+.login-page {
+  min-height: 100vh;
+  background: #fff;
+}
+
+/* ========== 自定义导航栏 ========== */
+.login-navbar {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+
+  .navbar-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 16px;
+    position: relative;
+  }
+
+  .navbar-back {
+    width: 60px;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    .back-arrow {
+      font-size: 48px;
+      color: #323233;
+      line-height: 1;
+      font-weight: 300;
+    }
+  }
+
+  .navbar-title {
+    font-size: 32px;
+    font-weight: 500;
+    color: #323233;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .navbar-placeholder {
+    width: 60px;
+    height: 60px;
+    flex-shrink: 0;
+  }
+}
+
+/* ========== 内容区域 ========== */
+.login-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80px 60px 0;
+}
+
+/* ========== 品牌区域 ========== */
+.login-brand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 40px;
+
+  .logo-wrapper {
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+    background: linear-gradient(160deg, #1989fa 0%, #07c160 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 24px;
+    box-shadow: 0 8px 32px rgba(25, 137, 250, 0.3);
+  }
+
+  .logo-text {
+    font-size: 80px;
+    color: #fff;
+    font-weight: 700;
+  }
+
+  .app-name {
+    font-size: 44px;
+    font-weight: 600;
+    color: #323233;
+    margin-bottom: 12px;
+  }
+
+  .app-slogan {
+    font-size: 28px;
+    color: #969799;
+  }
+}
+
+/* ========== 功能介绍 ========== */
+.login-features {
+  margin-bottom: 80px;
+
+  .feature-text {
+    font-size: 26px;
+    color: #c8c9cc;
+    letter-spacing: 2px;
+  }
+}
+
+/* ========== 登录操作区 ========== */
+.login-actions {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.login-btn {
+  width: 100%;
+  height: 96px;
+  line-height: 96px;
+  background: linear-gradient(160deg, #1989fa 0%, #07c160 100%);
+  color: #fff;
+  font-size: 34px;
+  font-weight: 500;
+  border: none;
+  border-radius: 48px;
+  text-align: center;
+  padding: 0;
+  box-shadow: 0 6px 24px rgba(25, 137, 250, 0.35);
+  transition: opacity 0.2s;
+
+  /* 重置微信 Button 默认样式 */
+  &::after {
+    border: none;
+  }
+}
+
+.login-btn--loading {
+  opacity: 0.75;
+}
+
+/* ========== 协议文字 ========== */
+.login-agreement {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-top: 32px;
+  line-height: 1.6;
+
+  .agree-text {
+    font-size: 24px;
+    color: #c8c9cc;
+  }
+
+  .agree-link {
+    font-size: 24px;
+    color: #1989fa;
+  }
+}