issue 49808 :tab页鼠标悬停规范调整

This commit is contained in:
caishi 2021-08-23 14:43:09 +08:00 committed by caishi
parent dcef7e7872
commit 478b080d45
1 changed files with 9 additions and 7 deletions

View File

@ -226,13 +226,15 @@
flex-direction: row; flex-direction: row;
cursor: pointer; cursor: pointer;
li{ li{
font-size: 14px;
position: relative; position: relative;
text-align: center; text-align: center;
height: 40px; padding:0px;
line-height: 28px;
padding:0px 20px;
& > a{ & > a{
font-size: 14px;
height: 40px;
line-height: 28px;
padding:0px 20px;
display: block;
color: #666; color: #666;
&> img{ &> img{
margin-right: 8px; margin-right: 8px;
@ -257,13 +259,13 @@
position: absolute; position: absolute;
bottom:0px; bottom:0px;
height:2px; height:2px;
background-color: #2A61FF; background-color:rgba(153, 153, 153, 0.2);
content:''; content:'';
left: 0px; left: 0px;
width:100%; width:100%;
} }
&:hover::after{ &.active::after{
background-color: rgba(153, 153, 153, 0.2);; background-color: #2A61FF;
} }
} }
} }