因为所用组件库里没有遮罩层,于是就简单用css写一个遮罩层
先看html部分
{this.state.visible?
<div className='mask' onClick={() => { this.close() }}>
自定义内容
</div>:null
}
<div onClick={() => { this.open() }}>
打开遮罩层
</div>
js部分
open() {
this.setState({
visible: true,
})
}
close(){
this.setState({
visible:false,
})
}
css部分
.mask{
width: 100%;
position: fixed;
top: 0;
bottom: 0;
background-color: #252223;
opacity: 0.85;
}
就这些 又是一篇毫无含金量的文章