- 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积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

