mr_web_nuxt/assets/css/Header/search.scss
2023-06-28 19:02:53 +08:00

80 lines
1.5 KiB
SCSS

.dNone{
display: none!important;
}
a {
text-decoration: none; /* 去除默认的下划线 */
outline: none; /* 去除旧版浏览器的点击后的外虚线框 */
}
.app-nav{
height: 100vh;
width: 100vw;
position: fixed;
z-index: 99999999999;
background: rgba(0, 0, 0, 0.8);
// backdrop-filter: blur(2px);
left: 0;
top:70px;
padding-top: 1px;
color: white;
user-select: none;
.app-box{
height: 80vh;
overflow-y: auto;
overflow-x: hidden;
.app-nav-items{
padding: 30px;
border-bottom: 1px solid white;
cursor: pointer;
transition: 0.4s;
display: block!important;
color: white!important;
a{
color: white!important;
}
.app-nav-second-items{
padding: 10px 0 10px 20px;
cursor: pointer;
margin-top: 30px;
}
}
}
}
//HeaderSearch.scss
.HeaderSearch{
// margin-right: 14%;
.HeaderSearch-container{
.HeaderSearch-box{
display: flex;
justify-content: center;
align-items: center;
.HeaderSearch-Icon{
cursor: pointer;
}
.HeaderSearch-button{
margin-left: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
cursor: pointer;
div{
height: 3px;
width: 30px;
margin: 4px 0;
background: #ffffff;
}
}
}
.HeaderSearch-search-box{
height: 20px;
width: 50px;
background: black;
}
}
}