添加登录逻辑

styles/global.scss

@@ -0,0 +1,4 @@
+/* 设置全局背景色 */
+page {
+  background-color: #fff;
+}

styles/login.scss

@@ -0,0 +1,75 @@
+// 登录，忘记密码顶部样式
+.top-nav {
+  padding: 0 32rpx;
+  height: 446rpx;
+  background-image: url('/static/images/login/top.png');
+  background-size: cover;
+  background-position: 10rpx 0;
+  background-repeat: no-repeat;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  .title-left,
+  .title-right {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-style: normal;
+    text-transform: none;
+    margin-bottom: 86rpx;
+  }
+
+  .title-left {
+    font-size: 40rpx;
+    color: #333333;
+  }
+  .title-right {
+    font-size: 28rpx;
+    color: #666666;
+  }
+}
+
+// 注册顶部样式
+.top-register-nav {
+  padding: 120rpx 32rpx 66rpx;
+  display: flex;
+  justify-content: space-between;
+  .title-left,
+  .title-right {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-style: normal;
+    text-transform: none;
+  }
+
+  .title-left {
+    font-size: 40rpx;
+    color: #333333;
+  }
+  .title-right {
+    font-size: 28rpx;
+    color: #666666;
+  }
+}
+
+// 输入框排版样式
+.input-wrapper {
+  margin-top: 10rpx;
+  padding: 0 32rpx;
+}
+
+// 底部文字
+.bottom-text {
+  display: flex;
+  justify-content: center;
+  .text {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: 24rpx;
+    color: #00d9c5;
+    font-style: normal;
+    text-transform: none;
+    &:first-child {
+      color: #333333;
+    }
+  }
+}