feat: 二连浩特登录

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']}>

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;
         }
         
-    
-        
     }
 }
 
+
+
+
+

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']}>

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;
+    }
+}
+
+
+
+
+
+
+
+