点击开始时间控件,错误如图:
分析原因:Tabs
控件在样式中.ant-tabs
添加了overflow:hidden
,导致时间控件定位失败.
解决方法:在Tabs
父级加class
类名,修改类名ant-tabs
样式
<div className="record-message">
<Tabs activeKey={activeKey} onChange={this.onTabsChange}>
<TabPane tab="未发送" key="unsent" className="homepage-tab1">
<UnsentMsg />
</TabPane>
<TabPane tab="发送成功" key="send" className="homepage-tab1">
456
</TabPane>
</Tabs>
</div>
//index.scss内添加以下样式
.record-message {
.ant-tabs {
overflow: visible;
}
}
修复后,效果如下: