xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-21 09:56:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Layout fixed

Browse Source
This commit is contained in:
Vion
2022-01-08 20:29:31 +08:00
parent 82e02dbc0b
commit 15c71d6348
24 changed files with 2653 additions and 4390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
rc-busness/components/header.vue
View File

@@ -1,7 +1,5 @@
<template>
<header class="rc-home-header">
<header class="rc-home-header fixed">
<div class="rc-main">
<nuxt-link :to="`../../productdetails/userdetails/`">
<div class="c-left">
@@ -53,92 +51,5 @@ export default {
};
</script>
<style lang="less" scoped>
/* 手机端 */
@media screen and (max-width: 768px) {
.rc-home-header{
.rc-main{
width: 92%;
margin: 0 auto;
// position: fixed;
top: 0;
left: 4%;
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
background-color: white;
z-index: 9999 ;
.rc-center{
display: none;
}
}
.c-left img{
width: 19px;
height: 14px;
display: block;
}
.c-right img{
width: 97px;
height: 35px;
display: block;
}
.rc-search img{
width: 19px;
height: 19px;
display: block;
}
}
}
/* pc端 */
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-home-header{
height:120px ;
.rc-main{
width: 92%;
margin: 0 auto;
// position: fixed;
top: 0;
z-index: 989;
background: white;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
height: 120px;
ul{
display: flex;
align-items: center;
margin-bottom: 20px;
li{
margin-right: 25px;
color: #666666;
cursor: pointer;
font-size: 16px;
}
}
}
.c-left{
display: none;
}
.rc-search{
display: none;
}
.c-left img{
width: 19px;
height: 14px;
display: block;
}
.c-right img{
width: 120px;
height: 45px;
display: block;
}
}
}
@import url("../assets/css/global.less");
</style>