优化菜单显示,修复在某些浏览器窗口大小下菜单不显示的问题。
This commit is contained in:
parent
f1f3bdec5b
commit
9445054fe3
|
|
@ -227,8 +227,9 @@ export default {
|
||||||
methods:{
|
methods:{
|
||||||
//当屏幕小于1400时添加一个属性,大于的时候删除属性
|
//当屏幕小于1400时添加一个属性,大于的时候删除属性
|
||||||
changeClass() {
|
changeClass() {
|
||||||
let ww = document.body.clientWidth;
|
// let ww = document.body.clientWidth;
|
||||||
if( ww > 1300 ){
|
let ww=window.innerWidth;
|
||||||
|
if( ww > 1366 ){
|
||||||
this.navShow=true
|
this.navShow=true
|
||||||
} else{
|
} else{
|
||||||
this.navShow=false
|
this.navShow=false
|
||||||
|
|
@ -297,7 +298,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
// .menu>li>a
|
// .menu>li>a
|
||||||
@media (max-width: 1300px){
|
@media (max-width: 1366px){
|
||||||
.container_a{
|
.container_a{
|
||||||
padding-top:0;
|
padding-top:0;
|
||||||
}
|
}
|
||||||
|
|
@ -308,10 +309,10 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
header #topnanv{
|
header #topnanv{
|
||||||
width: 50%;
|
width: 350px;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
left: 22%;
|
right: 25px;
|
||||||
top: 90px;
|
top: 40px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 45;
|
z-index: 45;
|
||||||
|
|
||||||
|
|
@ -339,8 +340,4 @@ export default {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue