第一次发布

2023-04-18 17:02:02 +08:00
commit dfe2ace2c9
927 changed files with 187479 additions and 0 deletions
--- a/src/views/login/css/index.css
+++ b/src/views/login/css/index.css
@@ -0,0 +1,199 @@
+html {
+    font-size: 16px !important;
+}
+ /* iPhone6的375px尺寸作为16px基准，414px正好18px大小,600 20px */
+/* @media screen and (min-width:375px) {
+    html {
+        font-size: calc(100% + 2 * (100vw - 375px) / 39);
+        font-size: calc(16px + 2 * (100vw - 375px) / 39);
+    }
+} */
+
+/* 414px-1000px每100像素宽字体增加1px(18px-22px) */
+/* @media screen and (min-width:414px) {
+    html {
+        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
+        font-size: calc(18px + 4 * (100vw - 414px)/586);
+    }
+
+} */
+
+/* 600px-1000px每100像素宽字体增加1px(20px-24px) */
+/* @media screen and (min-width:600px) {
+    html {
+        font-size: calc(125% + 4 * (100vw - 600px) / 400);
+        font-size: calc(20px + 4 * (100vw - 600px) / 400);
+    }
+
+} */
+
+/* 1000px往后是每100像素0.5px增加 */
+/* @media screen and (min-width:1000px) {
+    html {
+        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
+        font-size: calc(22px + 6 * (100vw - 1000px) /1000);
+    }
+
+    .newlogin_container {
+        background-image: url('../../../assets/img/login/bg@2x.png') !important;
+    }
+} */
+
+.newlogin_container {
+    margin: 0;
+    width: 100vw;
+    height: 100vh;
+    background-size: calc(100vw - 25.5rem) 100%;
+    background-repeat: no-repeat;
+    background-position: right;
+    background-origin: border-box;
+    background-attachment: fixed;
+    animation: start .5s;
+    overflow: auto;
+    background-image: url('../../../assets/img/login/bg@2x.png') !important;
+}
+
+.newlogin_login_container {
+    height: 100%;
+    width: 100%;
+    padding: 5.7rem 0 0 5.7rem;
+    animation: move 1s;
+    /* animation-delay:1s;
+    -webkit-animation-delay:1s;  */
+
+}
+
+.newlogin_login_logo {
+    width: 10.8rem;
+    height: 3.672rem;
+}
+
+.newlogin_login_logo img {
+    width: 100%;
+    height: 100%;
+}
+
+.newlogin_login_title {
+    color: #1767F9;
+    font-size: 1.45rem;
+    margin-top: 2rem;
+}
+
+.newlogin_login_from_container {
+    margin-top: 3.7rem;
+    max-width: 21rem;
+}
+
+.newlogin_container .el-input {
+    box-shadow: 0px 0px 6px 0px rgba(7, 0, 2, 0.2) !important;
+    border-radius: 36px;
+}
+
+ .newlogin_container .el-input__inner {
+    border: 0px !important;
+    padding-left: 50px !important;
+    border-radius: 36px;
+    height: 2.6rem !important;
+    font-size: .8rem !important;
+    padding-right: 50px !important;
+
+}
+
+.newlogin_container .el-form-item__content .el-input {
+    box-shadow: 0px 0px 6px 0px rgba(7, 0, 2, 0.2) !important;
+
+}
+
+.newlogin_container .el-input__prefix {
+    display: flex;
+    align-items: center;
+    left: 20px !important;
+}
+
+.newlogin_login_from_butten {
+    width: 100%;
+    border-radius: 36px;
+    font-size: 1.16rem;
+}
+
+.newlogin_container .el-form-item {
+    margin-bottom: 1.9rem !important;
+}
+
+.login_switch {
+    font-size: .8rem;
+    margin-bottom: 2.3rem;
+    color: #2F2F2F;
+    display: flex;
+    justify-content: space-between;
+}
+
+.newlogin_container .el-button--medium {
+    padding: .7rem 20px;
+}
+
+.newlogin_container .el-button--primary {
+    background: linear-gradient(to right, #1767F9, #4883ED);
+}
+
+.newlogin_container .el-button--primary:hover,
+.newlogin_container .el-button--primary:focus {
+    background: linear-gradient(to right, #1767F9, #4883ED);
+
+}
+
+.newlogin_container .el-input .el-input__clear {
+    font-size: 1rem !important;
+    display: flex;
+    align-items: center;
+}
+
+.newlogin_container .el-input__suffix {
+    right: 20px !important;
+    display: flex;
+    align-items: center;
+}
+
+.verifyCode {
+    display: flex;
+}
+
+.verifyCode .el-input__suffix {
+    position: relative;
+    right: 0px !important;
+    height: 2.6rem !important;
+    padding-right: 20px;
+    padding-left: 20px;
+    font-size: 0.8rem;
+    color: #1767F9;
+    cursor:default
+}
+
+.verifyCode .el-input__inner {
+    padding-right: 0 !important;
+    flex: 1;
+}
+
+@keyframes start {
+    0% {
+        -webkit-transform: translateX(50px);
+        transform: translateX(50px);
+    }
+
+    100% {
+        -webkit-transform: translateX(0px);
+        transform: translateX(0px);
+    }
+}
+
+@keyframes move {
+    0% {
+        -webkit-transform: translateX(500px);
+        transform: translateX(500px);
+    }
+
+    100% {
+        -webkit-transform: translateX(0px);
+        transform: translateX(0px);
+    }
+}