HandOver-liuwu
/
frontend
mirror of https://codeup.aliyun.com/lsxd/marketing/frontend.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix:优化filterBar组件，点击document关闭状态菜单悬浮框

This commit is contained in:
Apple 2022-12-27 17:03:47 +08:00
parent c69a2a5b7f
commit 4c6765925b
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/filterSelect/main.js
View File

@ -31,7 +31,10 @@ export default class filterSelect extends React.Component {
this.setState({ menuShow: isShow }); this.setState({ menuShow: isShow });
} }
mouseLeaveFn(){ mouseLeaveFn(){
this.setState({ menuShow: false }); window.document.addEventListener('click',()=>{
this.setState({ menuShow:false});
});
} }
mouseMenuFn(){ mouseMenuFn(){
this.setState({ menuShow: true }); this.setState({ menuShow: true });
@ -88,7 +91,7 @@ export default class filterSelect extends React.Component {
this.onHandlerClick(); this.onHandlerClick();
}} }}
onMouseEnter={()=>this.mouseMenuFn()} onMouseEnter={()=>this.mouseMenuFn()}
// onMouseLeave={()=>this.mouseLeaveFn()} onMouseLeave={()=>this.mouseLeaveFn()}
> >
<span className="filter-label">{this.state.label}</span> <span className="filter-label">{this.state.label}</span>
<span className="filter-maohao">:</span> <span className="filter-maohao">:</span>