Commit bcca46a3 authored by 程恺文's avatar 程恺文

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

parent 54746590
Pipeline #95782 waiting for manual action with stages
...@@ -15,12 +15,15 @@ import LoginAction from '../../login'; ...@@ -15,12 +15,15 @@ import LoginAction from '../../login';
import styles from './index.less'; import styles from './index.less';
import { defaultApp } from '@/micro'; import { defaultApp } from '@/micro';
import 大背景 from '@/assets/images/login/排水/新都.jpg' import 大背景 from '@/assets/images/login/排水/新都.jpg'
import classNames from 'classnames';
let bigBg='' let bigBg=''
let titleBg='' let titleBg=''
class HuaNongLogin extends Component { class HuaNongLogin extends Component {
constructor(props) { constructor(props) {
super(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 = { this.state = {
time: '16:00', time: '16:00',
week: '星期一', week: '星期一',
...@@ -159,7 +162,7 @@ class HuaNongLogin extends Component { ...@@ -159,7 +162,7 @@ class HuaNongLogin extends Component {
render() { render() {
return ( return (
<HelmetProvider> <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'}} backgroundSize: 'cover'}}
> >
<div className={styles.head}> <div className={styles.head}>
...@@ -176,7 +179,7 @@ class HuaNongLogin extends Component { ...@@ -176,7 +179,7 @@ class HuaNongLogin extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className={styles.wrap_content}> {/* <div className={styles.wrap_content}> */}
<div className={styles.from}> <div className={styles.from}>
<div className={styles.slogan}> <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`, <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 { ...@@ -184,7 +187,7 @@ class HuaNongLogin extends Component {
</div> </div>
<div className={styles.login}>{this.renderPlatform()}</div> <div className={styles.login}>{this.renderPlatform()}</div>
</div> </div>
</div> {/* </div> */}
<Modal <Modal
centered centered
visible={this.state.visible} visible={this.state.visible}
......
...@@ -11,7 +11,13 @@ ...@@ -11,7 +11,13 @@
transform: scaleY(0.5); transform: scaleY(0.5);
content: ''; content: '';
} }
.quota { .quota {
.title{
img{
height: 50px;
}
}
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -59,10 +65,53 @@ ...@@ -59,10 +65,53 @@
.head::after { .head::after {
.borderSlender(@color: rgb(255, 255, 255, 0.32)); .borderSlender(@color: rgb(255, 255, 255, 0.32));
} }
.wrap_content { // .wrap_content {
position: relative; // 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%; width: 100%;
height: 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 { .from {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -78,6 +127,7 @@ ...@@ -78,6 +127,7 @@
// background: rgba(255, 255, 255, 0.8); // background: rgba(255, 255, 255, 0.8);
background: #FFFFFF; background: #FFFFFF;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 6px 18px 0 rgba(25,61,79,.35);
.slogan { .slogan {
height: 118px; height: 118px;
background: linear-gradient(0deg, #00712f 0%, #0dae50 100%); background: linear-gradient(0deg, #00712f 0%, #0dae50 100%);
...@@ -94,9 +144,61 @@ ...@@ -94,9 +144,61 @@
padding: 50px 60px; 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 { .form_login {
width: 100%; width: 100%;
height: 100%; height: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment