Commit 633b1111 by Jianli Ou

1、移动端首页对相应模块进行缩小

2、所有侧栏,默认展开状态
parent 7fa690ac
...@@ -1862,6 +1862,9 @@ export default { ...@@ -1862,6 +1862,9 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
border-top: 1px solid #f0f5fa; border-top: 1px solid #f0f5fa;
@media screen and (max-width: 992px) {
height: 120px;
}
} }
.dzfw-tp { .dzfw-tp {
height: 40px; height: 40px;
...@@ -1915,6 +1918,9 @@ export default { ...@@ -1915,6 +1918,9 @@ export default {
padding: 30px 0; padding: 30px 0;
// height: 433px; // height: 433px;
background-position: center; background-position: center;
@media screen and (max-width: 765px) {
padding: 15px 0;
}
.spqqsfz-cate { .spqqsfz-cate {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1923,6 +1929,9 @@ export default { ...@@ -1923,6 +1929,9 @@ export default {
color: #ffffff; color: #ffffff;
font-size: 18px; font-size: 18px;
margin-bottom: 30px; margin-bottom: 30px;
@media screen and (max-width: 765px) {
margin-bottom: 15px;
}
// font-family: PingFangSC-Medium, PingFang SC; // font-family: PingFangSC-Medium, PingFang SC;
.spqqsfz-cate-right { .spqqsfz-cate-right {
cursor: pointer; cursor: pointer;
...@@ -1940,12 +1949,18 @@ export default { ...@@ -1940,12 +1949,18 @@ export default {
} }
> * { > * {
height: 300px; height: 300px;
@media screen and (max-width: 992px) {
height: 240px;
}
} }
.spqqsfz-cont-left { .spqqsfz-cont-left {
.spqqsfz-cont-left-tp { .spqqsfz-cont-left-tp {
text-align: center; text-align: center;
img { img {
max-height: 100%; max-height: 100%;
@media screen and (max-width: 992px) {
max-height: 240px;
}
} }
} }
} }
...@@ -2024,6 +2039,11 @@ export default { ...@@ -2024,6 +2039,11 @@ export default {
.djwh-tp { .djwh-tp {
img { img {
width: 100%; width: 100%;
@media screen and (max-width: 765px) {
width: calc(100% - 40px);
display: block;
margin: 0 20px 0 20px;
}
} }
} }
.smallPCImages { .smallPCImages {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
:default-active="activeMenu" :default-active="activeMenu"
class="el-menu-vertical gs-subnav" class="el-menu-vertical gs-subnav"
:collapse="false" :collapse="false"
:default-openeds="openeds"
@select="handleSelect" @select="handleSelect"
> >
<template v-for="submenu in subNav"> <template v-for="submenu in subNav">
...@@ -61,13 +62,15 @@ export default { ...@@ -61,13 +62,15 @@ export default {
data() { data() {
return { return {
activeMenu: "", activeMenu: "",
openeds: []
}; };
}, },
computed: { computed: {
...mapState("system", ["subNav"]), ...mapState("system", ["subNav"]),
}, },
created() { created() {
// console.log(this.subNav); console.log(this.subNav);
this.openeds = this.subNav.map(nav => nav.name)
}, },
watch: { watch: {
subNav: { subNav: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment