feat: 二连浩特登录

91abc7fb · 王万里 · efa8f04b · 91abc7fb · 91abc7fb · 91abc7fb
Commit 91abc7fb authored Sep 09, 2022 by 王万里
4 changed files
--- a/src/pages/user/login/template/project/erlianhaote/index.js
+++ b/src/pages/user/login/template/project/erlianhaote/index.js
@@ -153,7 +153,7 @@ const Login = forwardRef((props, _ref) => {
                <title>{props.global.title || defaultSetting.title}</title>
                <meta name="description" content={props.global.title || defaultSetting.title} />
            </Helmet>
-            <div className={styles.login}>
+            <div classnames={(styles.erlianhaotelogin, "erlianhaote")}>
                <div className={styles['inner-wrapper']}>
                    <div className={styles['left-imgbox']}></div>
                    <div className={styles['inner-center']}>

--- a/src/pages/user/login/template/project/erlianhaote/index.less
+++ b/src/pages/user/login/template/project/erlianhaote/index.less
-.login {
+
+
+@keyframes waving {
+    from {
+        top: 0;
+    }
+
+    to {
+        top: 10px;
+    }
+}
+
+@keyframes waving2 {
+    from {
+        left: 0;
+    }
+
+    to {
+        left: -9999px;
+    }
+}
+
+.erlianhaotelogin {
    width: 100%;
    height: 100%;
    background: url('./images/乐山登录背景.png') no-repeat center;
@@ -10,9 +32,7 @@
    display: flex;
    justify-content: center;
    align-items: center;
-}
-
-.login .inner-bg {
+    .inner-bg {
        // width: 78%;
        width: 100%;
        margin: 16% 11% 25% 11%;
@@ -22,9 +42,9 @@
            width: 70%;
            margin: 0 auto;
        }
-}
+    }
    
-.inner-wrapper {
+    .inner-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
@@ -36,81 +56,61 @@
        background-size: 100% 100%;
        display: flex;
        align-items: flex-end;
-}
+    }
    
-.left-imgbox {
+    .left-imgbox {
        width: 682px;
        height: 596px;
        background: url('./images/二连浩特登陆界面配图-动态.gif') no-repeat center;
        background-size: 100% 100%;
        background-clip: border-box;
-}
+    }
    
-.img-wrapper {
+    .img-wrapper {
        width: 388px;
        height: 134px;
        background: url('./images/1.png') no-repeat center;
        background-size: 100% 100%;
        margin-bottom: 48px;
-}
+    }

-.login .inner-bg img[role="logo"] {
+    .inner-bg img[role="logo"] {
        height: 40px;
-}
+    }
    
-.login .inner-bg .title {
+    .inner-bg .title {
        font-size: 27px;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        letter-spacing: 2px;
-}
-
-@keyframes waving {
-    from {
-        top: 0;
-    }
-
-    to {
-        top: 10px;
    }
-}

-@keyframes waving2 {
-    from {
-        left: 0;
-    }
-
-    to {
-        left: -9999px;
-    }
-}
-
-.form-control:focus {
+    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
-}
+    }
    
    
-.inner-center {
+    .inner-center {
        width: 418px;
        height: 596px;
        border-radius: 0px 0px 15px 15px;
        display: flex;
        flex-flow: column;
        align-items: center;
-}
+    }
    
-.welcome-title{
+    .welcome-title{
        width: 100%;
        height: 178px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
-}
+    }
    
-.formgroup2 {
+    .formgroup2 {
        display: flex;
        align-items: center;
        display: flex;
@@ -118,27 +118,27 @@
        margin-bottom: 10%;
        align-items: center;
        margin-bottom: 40px;
-}
+    }
    
-.APPcodeBox {
+    .APPcodeBox {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        cursor: pointer;
        position: relative;
-}
+    }
    
-.APPCtext {
+    .APPCtext {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 30px;
        opacity: 0.75;
-}
+    }
    
-.APPCimg {
+    .APPCimg {
        width: 138px;
        height: 150px;
        background: url('./images/3.png');
@@ -155,22 +155,22 @@
            font-size: 12px;
            opacity: 0.75;
        }
-}
+    }
    
-.APPcodeBox:hover .APPCtext {
+    .APPcodeBox:hover .APPCtext {
        color: #1685FF;
-}
+    }
    
-.APPcodeBox:hover .APPCimg {
+    .APPcodeBox:hover .APPCimg {
        display: flex;
-}
+    }
    
-.APPCimg .codeCase {
+    .APPCimg .codeCase {
        text-align: center;
        padding-top: 32px;
-}
+    }

-.login-header{
+    .login-header{
        width: 100%;
        position: absolute;
        top: 20px;
@@ -211,6 +211,8 @@
            }
        }

+    }
+
    :global{

        .@{ant-prefix}src-pages-user-login-components-login-index-login {
@@ -254,8 +256,10 @@
            border-color: #00BDA0 !important;
        }
        
-    
-        
    }
 }

+
+
+
+
--- a/src/pages/user/login/template/project/xingan/index.js
+++ b/src/pages/user/login/template/project/xingan/index.js
@@ -152,7 +152,7 @@ const Login = forwardRef((props, _ref) => {
                <title>{props.global.title || defaultSetting.title}</title>
                <meta name="description" content={props.global.title || defaultSetting.title} />
            </Helmet>
-            <div className={styles.login}>
+            <div className={styles.xinganlogin}>
                <div className={styles['inner-wrapper']}>
                    {/* <div className={styles['left-imgbox']}></div> */}
                    <div className={styles['inner-center']}>

--- a/src/pages/user/login/template/project/xingan/index.less
+++ b/src/pages/user/login/template/project/xingan/index.less
@@ -3,7 +3,7 @@
    src: url('@/assets/fonts/PingFang.ttf');
 }

-.login {
+.xinganlogin {
    width: 100%;
    height: 100%;
    background: url('./images/6.png') no-repeat;
@@ -15,9 +15,8 @@
    display: flex;
    justify-content: center;
    align-items: center;
-}

-.login .inner-bg {
+    .inner-bg {
        width: 100%;
        height: 100%;
    
@@ -26,9 +25,9 @@
            width: 70%;
            margin: 0 auto;
        }
-}
+    }

-.inner-wrapper {
+    .inner-wrapper {
        // width: 800px;
        // height: 400px;
        display: flex;
@@ -40,45 +39,23 @@
        //   top: 46%;
        //   right: 0;
        //   transform: translateY(-50%);
-}
-
-
-.login .inner-bg .title {
+    }
+    .inner-bg .title {
        font-size: 27px;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        letter-spacing: 2px;
-}
-
-@keyframes waving {
-    from {
-        top: 0;
-    }
-
-    to {
-        top: 10px;
    }
-}

-@keyframes waving2 {
-    from {
-        left: 0;
-    }
-
-    to {
-        left: -9999px;
-    }
-}
-
-.form-control:focus {
+    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
-}
+    }
    
    
-.inner-center {
+    .inner-center {
        position: relative;
        width: 482px;
        height: 316px;
@@ -86,9 +63,9 @@
        border: 1px solid #FFFFFF;
        box-shadow: 0px 15px 15px 3px rgba(140,142,145,0.52);
        border-radius: 15px;
-}
+    }

-.welcome-title{
+    .welcome-title{
        width: 100%;
        height: 68px;
        line-height: 68px;
@@ -98,9 +75,9 @@
        color: #000000;
        opacity: 0.85;
        text-align: center;
-}
+    }
    
-.formgroup2 {
+    .formgroup2 {
        display: flex;
        align-items: center;
        display: flex;
@@ -108,28 +85,27 @@
        margin-bottom: 10%;
        align-items: center;
        margin-bottom: 40px;
-}
+    }

-.APPcodeBox {
+    .APPcodeBox {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        cursor: pointer;
        position: relative;
-}
+    }
    
-.APPCtext {
+    .APPCtext {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000000;
        line-height: 30px;
        opacity: 0.75;
-}
-
+    }

-.login-header{
+    .login-header{
        width: 100%;
        position: absolute;
        top: 4%;
@@ -184,8 +160,8 @@
                }
            }
        }
-}
-.copyright{
+    }
+    .copyright{
        position: absolute;
        bottom: 7%;
        width: 100%;
@@ -195,8 +171,8 @@
        font-weight: 400;
        color: #F1F6FD;
        text-align: center;
-}
-.qrcode-box{
+    }
+    .qrcode-box{
        position: absolute;
        bottom: 0;
        right: -35px;
@@ -205,8 +181,8 @@
        background: #FFFFFF;
        opacity: 0.8;
        cursor: pointer;
-}
-:global{
+    }
+    :global{
        .@{ant-prefix}-popover-inner-content{
            display: flex;
            justify-content: center;
@@ -217,4 +193,40 @@
            justify-content: center;
            align-items: center;
        }
+    }
 }
+
+ 
+
+
+
+
+
+
+@keyframes waving {
+    from {
+        top: 0;
+    }
+
+    to {
+        top: 10px;
+    }
+}
+
+@keyframes waving2 {
+    from {
+        left: 0;
+    }
+
+    to {
+        left: -9999px;
+    }
+}
+
+
+
+
+
+
+
+