代码拉取完成,页面将自动刷新
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body{
min-height: 100vh;
}
.navigation{
position: fixed;
width: 60px;
height: 100%;
background: #383d41;
transition: 0.5s;
overflow: hidden;
}
.navigation:hover,
.navigation.active{
width: 20%;
}
.navigation ul{
position: relative;
top: 0;
left: 0;
width: 100%;
}
.navigation ul li{
position: relative;
width: 100%;
list-style: none;
}
.navigation ul li:hover{
background: #9fcdff;
}
.navigation ul li a{
position: relative;
/*display: none;*/
width: 100%;
display: flex;
text-decoration: none;
color: #fff;
}
.navigation ul li a .icon{
position: relative;
display: block;
min-width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
.navigation ul li a .icon .fa{
font-size: 24px;
}
.navigation ul li a .title{
position: relative;
display: block;
padding: 0 10px;
height: 60px;
line-height: 60px;
text-align: center;
white-space: nowrap;
}
.toggle{
width: 36px;
height: 36px;
background: #282525;
cursor: pointer;
content: '\f0c9';
}
.toggle:hover{
background: #9fcdff;
}
.toggle:before{
font-size: 24px;
color: #fff;
}
.toggle.active:before{
}
@media (max-width: 767px){
.navigation{
left: -60px;
}
.navigation.active{
left: 0px;
width: 100%;
}
}
.maincontent {
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px ! important;
overflow: hidden;
}
.maincontent .breadcrumb { padding: 14px 15px; }
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。