fix:'云南弥勒登录页支持蓝色风格'

src/pages/user/login/template/current/index.js

@@ -15,12 +15,15 @@ import LoginAction from '../../login';
 import styles from './index.less';
 import { defaultApp } from '@/micro';
 import 大背景 from '@/assets/images/login/排水/新都.jpg'
+import classNames from 'classnames';
 let bigBg=''
 let titleBg=''
 class HuaNongLogin extends Component {
   constructor(props) {
     super(props);
-    console.log( props.loginParams,this.props.global.logo,' props.loginParams');
+    console.log( props.loginParams,this.props.global.logo,' props.loginParams',window.globalConfig.variableTheme,
+    '通用登录页。。。。。。。。。。。。。。。。。。。。。。'
+    );
     this.state = {
       time: '16:00',
       week: '星期一',
@@ -159,7 +162,7 @@ class HuaNongLogin extends Component {
   render() {
     return (
       <HelmetProvider>
-        <div className={styles.quota} style={{'background': `url(${bigBg?this.props.global.transformDevAssetsBaseURL(bigBg):require('@/assets/images/login/排水/新都.jpg')}) no-repeat `,
+        <div className={classNames(styles[window?.globalConfig?.variableTheme?.headerPrimaryColor=='#1890FF'?'风格蓝':''],styles.quota)}  style={{'background': `url(${bigBg?this.props.global.transformDevAssetsBaseURL(bigBg):require('@/assets/images/login/排水/新都.jpg')}) no-repeat `,
        backgroundSize: 'cover'}}
        >
           <div className={styles.head}>
@@ -176,7 +179,7 @@ class HuaNongLogin extends Component {
               </div>
             </div>
           </div>
-          <div className={styles.wrap_content}>
+        {/*  <div className={styles.wrap_content}> */}
             <div className={styles.from}>
               <div className={styles.slogan}>
                 <div className={styles.slogan_back}  style={{'background': `url(${titleBg?this.props.global.transformDevAssetsBaseURL(titleBg):require('@/assets/images/login/排水/宣传语.png')}) no-repeat`,
@@ -184,7 +187,7 @@ class HuaNongLogin extends Component {
               </div>
               <div className={styles.login}>{this.renderPlatform()}</div>
             </div>
-          </div>
+        {/*  </div> */}
           <Modal
             centered
             visible={this.state.visible}

src/pages/user/login/template/current/index.less

@@ -11,7 +11,13 @@
   transform: scaleY(0.5);
   content: '';
 }
+
 .quota {
+  .title{
+    img{
+     height: 50px;
+    } 
+   }
   position: relative;
   width: 100%;
   height: 100%;
@@ -59,10 +65,53 @@
   .head::after {
     .borderSlender(@color: rgb(255, 255, 255, 0.32));
   }
-  .wrap_content {
-    position: relative;
+//  .wrap_content {
+ //   position: relative;
+ //   width: 100%;
+ //  height: 100%;
+    .from {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      flex-direction: column;
+      width: 620px;
+      height: 429px;
+      margin: auto;
+      overflow: hidden;
+      // background: rgba(255, 255, 255, 0.8);
+      background: #FFFFFF;
+      border-radius: 15px;
+      .slogan {
+        height: 118px;
+        background: linear-gradient(0deg, #00712f 0%, #0dae50 100%);
+        .slogan_back{
           width: 100%;
           height: 100%;
+      //    background: url('@/assets/images/login/排水/宣传语.png') no-repeat;
+        background-position: center;
+        }
+      }
+      .login {
+        // flex: 1;
+        height: calc(100% - 118px);
+        padding: 50px 60px;
+      }
+    }
+//  }
+}
+ .风格蓝{
+  .title{
+    img{
+     height: 50px;
+    } 
+   }
+//  .wrap_content {
+//    position: relative;
+ //   width: 100%;
+//    height: 100%;
     .from {
       position: absolute;
       top: 0;
@@ -78,6 +127,7 @@
       // background: rgba(255, 255, 255, 0.8);
       background: #FFFFFF;
       border-radius: 15px;
+      box-shadow: 0 6px 18px 0 rgba(25,61,79,.35);
       .slogan {
         height: 118px;
         background: linear-gradient(0deg, #00712f 0%, #0dae50 100%);
@@ -94,9 +144,61 @@
         padding: 50px 60px;
       }
     }
+ // }
+//  .wrap_content {
+ //  position: relative;
+  //  width: 100%;
+ //   height: 100%;
+    .from {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      flex-direction: column;
+      width: 620px;
+      height: 429px;
+      margin: auto;
+      overflow: hidden;
+      // background: rgba(255, 255, 255, 0.8);
+      background: #FFFFFF;
+      border-radius: 15px;
+      .slogan {
+        height: 118px;
+        background: linear-gradient(0deg, #1890FF 0%, #1890FF 100%);
+        .slogan_back{
+          width: 100%;
+          height: 100%;
+      //    background: url('@/assets/images/login/排水/宣传语.png') no-repeat;
+        background-position: center;
+        }
+      }
+      .login {
+        // flex: 1;
+        height: calc(100% - 118px);
+        padding: 50px 60px;
+      }
+    }
+//  }
+  //    box-shadow: 0 6px 18px 0 rgba(25,61,79,.35);
+   svg{
+    color: #1890FF;
+   }
+   :global {
+   .panda-console-basesrc-pages-user-login-template-current-index-form_login .panda-console-base-input-affix-wrapper{
+    color: #1890FF;
+    border-bottom-color:#1890FF
+   }
+   .panda-console-basesrc-pages-user-login-template-current-index-form_login .panda-console-base-checkbox-wrapper .panda-console-base-checkbox-inner{
+    border-color:#1890FF
+   }
+   .panda-console-basesrc-pages-user-login-template-current-index-form_login .panda-console-base-btn-primary{
+    background: #1890FF;
+    border-color: #1890FF;
+   }
+  }
  }
-}
-
 .form_login {
   width: 100%;
   height: 100%;