账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Popover组件,ios上点击遮罩层不能关闭气泡,安卓上测可以
    47
    0

    antd里的Popover组件,ios上点击遮罩层不能关闭气泡,目前安卓上测试可以,为了兼容ios难道只有手写气泡组件吗...多麻烦啊

    
    
    const Item = Popover.Item;
    
    class More extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                visible: false,
                selected: '',
            };
        };
    
        onSelect = (opt) => {
            this.setState({
                visible: false,
                selected: opt.props.value,
            });
            if (opt.props.value == '') {
                ///
            } else if (opt.props.value == '') {
                ///
            }
        };
    
        handleVisibleChange = (visible) => {
            this.setState({
                visible,
            });
        };
    
        render() {
            let offsetX = -((document.querySelector('body').offsetWidth) * 0.125) + 9;
            return (
                <div>
                    <Popover 
                        mask
                        overlayClassName="fortest"
                        overlayStyle={{ color: 'currentColor' }}
                        visible={this.state.visible}
                        className="c-more"
                        overlay={[
                            (<Item key="4" value="code" icon={<Icon type={require('./image/QrCode1.svg')} size="xs" />} data-seed="logId">
                                二维码
                            </Item>),
                            (<Item key="6" value="quit" icon={<Icon type={require('./image/PullOut1.svg')} size="xs" />}> 
                                <span style={{ marginRight: 5 }}>退出</span>
                            </Item>),
                        ]}
                        align={{
                            overflow: { adjustY: 100, adjustX: 0 },
                            offset: [offsetX, -180],
                        }}
                        onVisibleChange={this.handleVisibleChange}
                        onSelect={this.onSelect}
                    >
                        <div className="c-more-button"
                            icon={<Icon type={require('./image/more1.svg')} size="md" />}
                        >
                        </div>
                    </Popover>
                </div>
            );
        }
    }
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 他是毒藥 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部