修改选择评审专家页面的tab切换栏样式

This commit is contained in:
unknown 2021-12-31 13:07:46 +08:00
parent 27ee5ff30b
commit 832fe0d03c
2 changed files with 16 additions and 2 deletions

View File

@ -279,7 +279,7 @@ function SelectExpert(props) {
return (
<div className="centerbox select_expert">
<p className="title_one font-16">评审专家选取</p>
<Tabs defaultActiveKey="0" animated={false} type="card" onChange={(activeKey)=>{setActiveKey(activeKey);setSelectedRowKeys([]);setCurPage(1);}}>
<Tabs defaultActiveKey="0" type="card" onChange={(activeKey)=>{setActiveKey(activeKey);setSelectedRowKeys([]);setCurPage(1);}}>
<TabPane tab="已选专家" key="0">
<div>
<div className="box"></div>

View File

@ -4,7 +4,7 @@
padding-top: 16px;
background: white;
.title_one, .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-top-content{
padding: 0 2em;
padding: 0 2em 1vw;
}
.box{
height: 20px;
@ -59,6 +59,20 @@
.selected{
color: #999999;
}
.ant-tabs-bar{
border: none;
margin: 0;
.ant-tabs-tab{
background: none;
border: none;
font-size: 16px;
&:hover{color: #4154F1;}
}
.ant-tabs-tab-active{
color: #4154F1;
border-bottom: 1px solid #4154F1;
}
}
}
.expert_modal.extract{
.ant-modal-content {