cloud-web-corejs 1.0.54-dev.177 → 1.0.54-dev.178

package/src/resources/css/login.scss

@@ -0,0 +1,67 @@
+@import '~@base/styles/variables.scss';
+.login-container{background:url(~@base/resources/images/bg-login5.jpg) center center / cover no-repeat;height: 100vh;}
+.login-main {
+  overflow: hidden;
+  width: 464px;
+  height:400px;
+  right: 8%;
+  top:50%;
+  margin-top:-200px;
+  position: absolute;
+  background: rgba(255,255,255);
+  box-shadow: 0 3px 22px rgba(147,147,147,0.08);
+  border-radius: 8px;
+  .l-header{
+    padding:0 36px;border-bottom:solid 1px #E5E5E5;font-size: 22px;height: 74px;line-height: 72px;
+    .t{display: inline-block;border-bottom:solid 3px $baseColor}
+  }
+  .box-form {
+    width: 100%;
+    padding: 42px 34px;
+    border-radius: 2px;
+    float: right;
+    position: relative;
+    &.login {
+      .txt {
+        border: 1px solid #E5E5E5;
+        border-radius: 4px;
+        width: 100%;
+        height: 52px;
+        line-height: 52px;
+        margin-bottom:22px;
+        padding-left:18px;
+        background-color: #fff !important;
+        i{
+          font-size: 22px;
+          color:#A6A6A6;
+          line-height: 51px;
+          vertical-align: middle;
+          width:22px;
+          text-align:center;
+        }
+        .el-input {
+          width:calc(100% - 22px) !important;
+        }
+        .show-pwd{position: absolute;right:10px;top:50%;margin-top:-10px;height:20px;width:20px;line-height: 20px;cursor:pointer;font-size:14px;}
+      }
+      .btn{
+        width: 100%;
+        height: 58px;
+        font-size: 20px;
+        border: none;
+        border-radius: 2px;
+        margin-top:15px;
+      }
+    }
+  }
+}
+.copyright {
+  font-size: 14px;
+  padding: 10px 0;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  color: #999999;
+}