Commit 3d358d3e by FE

style modify

parent 926738c7
...@@ -517,7 +517,7 @@ class MyTreasure extends Component { ...@@ -517,7 +517,7 @@ class MyTreasure extends Component {
</Mask> </Mask>
{/*绑定手机号--弹窗 */} {/*绑定手机号--弹窗 */}
<Mask visible={isPhone} handleToHide={() => this.handleToHideWindow('isPhone')}> <Mask visible={isPhone} className="popup-bind-phone" handleToHide={() => this.handleToHideWindow('isPhone')}>
<BindPhone <BindPhone
history={history} history={history}
country={country} country={country}
...@@ -544,7 +544,7 @@ class MyTreasure extends Component { ...@@ -544,7 +544,7 @@ class MyTreasure extends Component {
</Mask> </Mask>
{/* 绑定地址--弹窗 */} {/* 绑定地址--弹窗 */}
<Mask visible={isAddress} handleToHide={() => this.handleToHideWindow('isAddress')}> <Mask visible={isAddress} className="popup-bind-address" handleToHide={() => this.handleToHideWindow('isAddress')}>
<AddressPopup <AddressPopup
skip="year" skip="year"
tip={ tip={
......
...@@ -86,6 +86,17 @@ ...@@ -86,6 +86,17 @@
} }
} }
.mask-content {
&.popup-bind-phone {
height: 350px;
}
&.popup-bind-address {
height: 316px;
}
}
// 所有弹窗 // 所有弹窗
.popup-container { .popup-container {
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import classnames from 'classnames';
import './mask.scss'; import './mask.scss';
const Root = document.querySelector('body'); const Root = document.querySelector('body');
...@@ -22,12 +23,12 @@ class Mask extends Component { ...@@ -22,12 +23,12 @@ class Mask extends Component {
} }
render() { render() {
const { visible, handleToHide } = this.props; const { visible, handleToHide, className } = this.props;
if(visible) { if(visible) {
return ReactDOM.createPortal( return ReactDOM.createPortal(
( (
<div className="mask"> <div className="mask">
<div className="mask-content"> <div className={classnames("mask-content", className)}>
{this.props.children} {this.props.children}
</div> </div>
<div className="mask-footer"> <div className="mask-footer">
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
line-height: 26px; line-height: 26px;
&.active { &.active {
border-right: 1px solid #090F08; border: 1px solid #090F08;
border-radius: 3px; border-radius: 3px;
color: #090F08; color: #090F08;
background-color: #FEE41D; background-color: #FEE41D;
......
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