Commit 3d358d3e by FE

style modify

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