frontend/src/components/subnav/main.less

104 lines
1.7 KiB
Plaintext
Raw Normal View History

2021-11-05 16:52:02 +08:00
.nava{
height: 60px;
min-width: 300px;
display: flex;
box-sizing: border-box;
}
.nava a{
display: flex;
color: #333;
text-decoration: none;
margin-right: 10px;
font-size: 16px;
align-items: center;
justify-content: center;
width: 110px;
text-align: center;
box-sizing: border-box;
&:hover{
width: 110px;
background: #f2f4f7;
color: #296bef;
}
}
.nava a.active{
font-weight: 500;
color: #296bef;
background: #f2f4f7;
border-bottom: 3px solid #296bef;
}
.topheader .linkmenu{
width: 100%;
left: 0;
top: 60px;
height: 60px;
line-height:60px;
margin-top: -5px;
position: absolute;
}
.linkmenu .container{
width: 91%;
margin: 0 auto;
padding: 20px 0 20px;
}
.linkmenu .linkmenu-row{
margin-right: 150px;
margin-left: 30px;
a{
color: #313323;
margin-right: 30px;
font-size: 16px;
transition: all .1s;
&:hover{
color: #296bef;
}
}
}
.menuactive{
padding-bottom: 5px;
border-bottom:3px solid #2B66F2;
border-radius: 1px;
}
//新建表单页面的签页
.linkmenu{
padding: 5px 0;
box-sizing: border-box;
}
.linkmenu .nolinkmenu-row{
display: flex;
align-items: center;
height: 60px;
padding: 15px 0;
box-sizing: border-box;
img{
margin-right: 10px;
cursor: pointer;
&:hover{
background: #f9f9f9;
}
}
.nonav{
display: flex;
align-items: center;
height: 100%;
border-left: 1px solid #d1cfcf;
padding-left: 15px;
span{
padding: 0 8px;
color: #d1cfcf;
}
}
font{
color: #313323;
margin-right: 5px;
font-size: 16px;
}
margin-left: 30px;
.nomenuactive{
font-weight: bold;
}
}