登录模块

src/app/routes/passport/components/login/login.component.less

@@ -0,0 +1,103 @@
+.body-box {
+  display               : flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction    : column;
+  flex-direction        : column;
+  justify-content       : space-between;
+  width                 : 100%;
+  max-width             : 1080px;
+  height                : 100%;
+  margin                : auto;
+  padding               : 50px 0 80px;
+  -webkit-box-orient    : vertical;
+
+  .box-header {
+    max-width    : 240px;
+    max-height   : 48px;
+    margin-bottom: 36px;
+  }
+
+  .box-content {
+    width : 100%;
+    height: 560px;
+
+    .form-box {
+      margin          : 0 auto;
+      padding         : 40px 88px 40px;
+      background-color: #fff;
+
+      .title {
+        margin-bottom: 30px;
+        color        : #1890ff;
+        font-weight  : 800;
+        font-size    : 32px;
+        text-align   : center;
+      }
+
+      .other {
+        margin-top : 24px;
+        line-height: 22px;
+        text-align : left;
+      }
+    }
+  }
+
+  .box-footer {
+    padding-top: 70px;
+    color      : #626262;
+    font-weight: 400;
+    font-size  : 14px;
+    text-align : center;
+  }
+}
+
+::ng-deep {
+  passport-login {
+    background-color: #f0f4f7;
+  }
+}
+
+:host ::ng-deep {
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  /* 火狐 */
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  // tabs样式调整
+  .ant-tabs-nav-list {
+    justify-content: space-between;
+    width          : 281px;
+    margin         : auto;
+
+    .ant-tabs-tab-btn {
+      font-size: 18px;
+    }
+
+    .ant-tabs-tab {
+      margin: 0;
+    }
+  }
+
+  .ant-tabs-top>.ant-tabs-nav {
+    margin: 0 0 30px 0;
+
+    .ant-tabs-ink-bar {
+      height: 4px;
+    }
+  }
+
+  .ant-tabs-top>.ant-tabs-nav::before {
+    border-bottom: 0;
+  }
+
+  nz-input-group {
+    height   : 50px;
+    font-size: 16px;
+  }
+}