From 89f7f973cb97fc4d5462ce903b1ef71d57cadf1b Mon Sep 17 00:00:00 2001 From: wangchenguang <728837162@qq.com> Date: Mon, 17 Apr 2023 17:30:39 +0800 Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/footer/index.vue | 16 + src/layouts/header/index.vue | 4 +- src/layouts/navbar/index.vue | 4 +- src/mixins/article/index.js | 5 +- src/pages/about/index.vue | 28 +- src/pages/application/index.vue | 388 ++++++++++++++- src/pages/article/activity.vue | 3 + src/pages/article/index.vue | 50 ++ src/pages/careers/index.vue | 364 +++++++++++++- src/pages/column/index.vue | 36 +- src/pages/deviceIntroBeam/index.vue | 4 +- src/pages/deviceIntroLayout/index.vue | 4 +- src/pages/deviceIntroLinear/index.vue | 4 +- src/pages/edu/index.vue | 322 +++++++++++- src/pages/exp/index.vue | 6 +- src/pages/news/index.vue | 646 ++++++++++++++++++++++++- src/pages/newsPress/index.vue | 337 ++++++++++++- src/pages/newsProcurement/index.vue | 308 +++++++++++- src/pages/overviewDevHistory/index.vue | 12 +- src/pages/overviewIntro/index.vue | 10 +- src/pages/overviewLocation/index.vue | 12 +- src/pages/overviewSetup/index.vue | 6 +- src/pages/overviewTrailer/index.vue | 10 +- src/pages/research/index.vue | 319 +++++++++++- src/pages/talentCenter/index.vue | 79 ++- src/setting.js | 4 +- 26 files changed, 2914 insertions(+), 67 deletions(-) diff --git a/src/layouts/footer/index.vue b/src/layouts/footer/index.vue index 1ea15f3..21b162c 100644 --- a/src/layouts/footer/index.vue +++ b/src/layouts/footer/index.vue @@ -245,4 +245,20 @@ export default { } } +@media (max-width: 320px) { + .contact{ + .inner { + .title { + h6 { + font-size: 1.5rem; + } + .text { + font-size: 2rem; + margin-top: -1.25rem; + } + } + } + } +} + \ No newline at end of file diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue index 920689a..a393cbc 100644 --- a/src/layouts/header/index.vue +++ b/src/layouts/header/index.vue @@ -2,10 +2,10 @@
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue index ba0605c..2be174b 100644 --- a/src/layouts/navbar/index.vue +++ b/src/layouts/navbar/index.vue @@ -52,7 +52,7 @@ export default { ]), // 栏目列表 getColumn() { - this.$post(this.api.listWithTreeMenuVisible, { + this.$post(this.api.listWithTree, { siteId: this.$route.query.siteId || this.site, columnName: '', templateId: '', @@ -101,7 +101,7 @@ export default { }, // 跳转 jump(id) { - + console.log('id=>',id) this.getPath(this.menus ,id || this.menus[0].id) this.columnTo(this.toItem) // if(!this.$store.getters.getModelType) { diff --git a/src/mixins/article/index.js b/src/mixins/article/index.js index 617704d..09a1ad5 100644 --- a/src/mixins/article/index.js +++ b/src/mixins/article/index.js @@ -17,9 +17,12 @@ export default { methods: { // 点击栏目回调 columnTo(to) { - const { typeId } = to + const { typeId,menuVisible } = to + console.log('typeId=>' ,typeId) + console.log('to=>' ,to) // 跳转链接 if (typeId === 2) { + if ( menuVisible === 1) return let href = to.linkAddress const cType = to.connectionType if (cType !== 2) { // 非站外链接 diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue index 938e9f9..839c9a7 100644 --- a/src/pages/about/index.vue +++ b/src/pages/about/index.vue @@ -782,18 +782,18 @@ export default { @media (min-width: 480px) and (max-width: 640px) { .wrap { /deep/ .el-carousel{ - height: 18rem; + height: 22rem; } /deep/ .el-carousel__container{ - height: 18rem; + height: 22rem; } /deep/ .el-carousel__item { - height: 18rem; + height: 22rem; } } .banner-item{ img { - height: 18rem !important; + height: 22rem !important; } .banner-name { font-size: 1.5rem; @@ -847,21 +847,21 @@ export default { @media (min-width: 640px) and (max-width: 768px) { .wrap { /deep/ .el-carousel{ - height: 20rem; + height: 26rem; } /deep/ .el-carousel__container{ - height: 20rem; + height: 26rem; } /deep/ .el-carousel__item { - height: 20rem; + height: 26rem; } } .banner-item{ img { - height: 20rem !important; + height: 26rem !important; } .banner-name { - font-size: 1.5rem; + font-size: 1.8rem; } } .block { @@ -912,18 +912,18 @@ export default { @media (min-width: 768px) and (max-width: 980px) { .wrap { /deep/ .el-carousel{ - height: 22rem; + height: 30rem; } /deep/ .el-carousel__container{ - height: 22rem; + height: 30rem; } /deep/ .el-carousel__item { - height: 22rem; + height: 30rem; } } .banner-item{ img { - height: 22rem !important; + height: 30rem !important; } .banner-name { font-size: 1.5rem; @@ -991,7 +991,7 @@ export default { height: 30rem !important; } .banner-name { - font-size: 1.5rem; + font-size: 2.5rem; } } .block { diff --git a/src/pages/application/index.vue b/src/pages/application/index.vue index 98d6509..44088b8 100644 --- a/src/pages/application/index.vue +++ b/src/pages/application/index.vue @@ -302,7 +302,7 @@ export default { } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 15rem; @@ -421,4 +421,390 @@ export default { } } } +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem !important; + } + /deep/ .el-carousel__container{ + height: 13rem !important; + } + /deep/ .el-carousel__item { + height: 13rem !important; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 15rem !important; + } + } + .group{ + li { + img { + height: 15rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 13rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 15rem !important; + } + } + .group{ + li { + img { + height: 15rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 13rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 18rem !important; + } + /deep/ .el-carousel__container{ + height: 18rem !important; + } + /deep/ .el-carousel__item { + height: 18rem !important; + } + } + .banner-item{ + img { + height: 18rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 18rem !important; + } + } + .group{ + li { + img { + height: 18rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 18rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 22rem !important; + } + /deep/ .el-carousel__container{ + height: 22rem !important; + } + /deep/ .el-carousel__item { + height: 22rem !important; + } + } + .banner-item{ + img { + height: 22rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 22rem !important; + } + } + .group{ + li { + img { + height: 22rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 22rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 25rem !important; + } + /deep/ .el-carousel__container{ + height: 25rem !important; + } + /deep/ .el-carousel__item { + height: 25rem !important; + } + } + .banner-item{ + img { + height: 25rem !important; + } + .banner-name { + font-size: 2.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 25rem !important; + } + } + .group{ + li { + img { + height: 25rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 25rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 30rem !important; + } + /deep/ .el-carousel__container{ + height: 30rem !important; + } + /deep/ .el-carousel__item { + height: 30rem !important; + } + } + .banner-item{ + img { + height: 30rem !important; + } + .banner-name { + font-size: 2.3rem !important; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 30rem !important; + } + } + .group{ + li { + img { + height: 30rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 30rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem !important; + } + /deep/ .el-carousel__container{ + height: 35rem !important; + } + /deep/ .el-carousel__item { + height: 35rem !important; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 2.5rem !important; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .b-title { + font-size: 1.5rem; + } + .texts { + padding: 5rem 1.25rem; + .bg { + height: 35rem !important; + } + } + .group{ + li { + img { + height: 35rem; + } + } + } + .news { + li { + padding: 1.25rem; + img{ + height: 35rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} + + \ No newline at end of file diff --git a/src/pages/article/activity.vue b/src/pages/article/activity.vue index 292d707..27e65b1 100644 --- a/src/pages/article/activity.vue +++ b/src/pages/article/activity.vue @@ -283,4 +283,7 @@ export default { } } } + + + \ No newline at end of file diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue index c227c53..f2640e8 100644 --- a/src/pages/article/index.vue +++ b/src/pages/article/index.vue @@ -339,9 +339,59 @@ export default { } } @media (max-width: 320px) { + .wrap { + .banner { + padding: 8rem 0 0 10rem; + height: 13rem; + } + } +} + +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + .banner { + padding: 8rem 0 0 10rem; + height: 15rem; + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + .banner { + padding: 8rem 0 0 10rem; + height: 17rem; + } + } +} +@media (min-width: 480px) and (max-width: 640px) { .wrap { .banner { padding: 12rem 0 0 10rem; + height: 20rem; + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + .banner { + padding: 14rem 0 0 10rem; + height: 22rem; + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + .banner { + padding: 16rem 0 0 10rem; + height: 26rem; + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + .banner { + padding: 18rem 0 0 10rem; + height: 30rem; } } } diff --git a/src/pages/careers/index.vue b/src/pages/careers/index.vue index 5ed4774..73a6d23 100644 --- a/src/pages/careers/index.vue +++ b/src/pages/careers/index.vue @@ -303,7 +303,7 @@ export default { transition: .3s; } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 15rem; @@ -369,4 +369,366 @@ export default { } } } +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 15rem; + .pic { + height: 15rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + .pic { + height: 10rem; + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 15rem; + .pic { + height: 15rem; + } + } + } + .people { + + li { + padding: 10rem 1.25rem 1.5rem; + + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 18rem !important; + } + /deep/ .el-carousel__container{ + height: 18rem !important; + } + /deep/ .el-carousel__item { + height: 18rem !important; + } + } + .banner-item{ + img { + height: 18rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 18rem; + .pic { + height: 18rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + } + } + } + } + .shows { + li { + height: 18rem; + .pic { + height: 18rem; + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 20rem !important; + } + /deep/ .el-carousel__container{ + height: 20rem !important; + } + /deep/ .el-carousel__item { + height: 20rem !important; + } + } + .banner-item{ + img { + height: 20rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 20rem; + .pic { + height: 20rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + } + } + } + } + .people { + li { + .pic { + height: 16rem !important; + } + } + } + .shows { + li { + height: 20rem; + .pic { + height: 20rem; + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 22rem !important; + } + /deep/ .el-carousel__container{ + height: 22rem !important; + } + /deep/ .el-carousel__item { + height: 22rem !important; + } + } + .banner-item{ + img { + height: 22rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 22rem; + .pic { + height: 22rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + } + } + } + } + .people { + li { + .pic { + height: 18rem !important; + } + } + } + .shows { + li { + height: 22rem; + .pic { + height: 22rem; + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 26rem !important; + } + /deep/ .el-carousel__container{ + height: 26rem !important; + } + /deep/ .el-carousel__item { + height: 26rem !important; + } + } + .banner-item{ + img { + height: 26rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 26rem; + .pic { + height: 26rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + } + } + } + } + .people { + li { + .pic { + width: 50% !important; + height: 18rem !important; + } + } + } + .shows { + li { + height: 26rem; + .pic { + height: 26rem; + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 30rem !important; + } + /deep/ .el-carousel__container{ + height: 30rem !important; + } + /deep/ .el-carousel__item { + height: 30rem !important; + } + } + .banner-item{ + img { + height: 30rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .card { + li { + height: 30rem; + .pic { + height: 30rem; + } + } + } + .people { + li { + padding: 10rem 1.25rem 1.5rem; + } + } + } + } + .people { + li { + .pic { + width: 50% !important; + height: 18rem !important; + } + } + } + .shows { + li { + height: 30rem; + .pic { + height: 30rem; + } + } + } +} \ No newline at end of file diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue index 16c9935..d40c324 100644 --- a/src/pages/column/index.vue +++ b/src/pages/column/index.vue @@ -175,7 +175,8 @@ export default { }, news: [], hots: [], - deepestId: '' + deepestId: '', + getAllId: null }; }, components: { @@ -326,7 +327,10 @@ export default { if (typeId === 4 && !fromColumn) { id = [this.deepestId]; } + console.log('id=>',id) + this.getAllId = id this.getArticle(id); + console.log('data=>',data) this.columns = data; // 如果没上传banner if (!this.info.columnBanner) { @@ -368,6 +372,7 @@ export default { siteId: this.site }) .then(({ data }) => { + console.log(99122) this.news = Util.removeTag(data.records); }) .catch((res) => { }); @@ -435,6 +440,7 @@ export default { this.labels.map((e) => { if (this.lableId.includes(e.id)) labelName.push(e.labelName); }); + console.log('====>',columnIds) this.$post(this.api.newlyPublishedArticles, { siteId: this.site, columnIds, @@ -471,11 +477,12 @@ export default { filter() { this.page = 1; this.isFilter = !!(this.form.classificationId || this.form.title || this.form.convokeType || this.lableId.length); // 是否在筛选 + console.log('this.isFilter=>' ,this.isFilter) let id = []; if (this.isFilter) { this.getIds(this.columns, id); } else if (this.columns.length) { - id = [this.columns[0].id]; + id = this.getAllId } this.getArticle(id); }, @@ -1038,6 +1045,11 @@ export default { img { height: 13rem !important; } + .texts { + .text { + font-size: 1.5rem; + } + } } .contents { .article-wrap { @@ -1048,6 +1060,18 @@ export default { } } } + .forms { + .switch { + width: 100%; + flex-direction: column; + margin-right: 0; + li { + width: 90%; + margin: 0 auto; + margin-top: 10px; + } + } + } } @media (min-width: 480px) and (max-width: 640px) { .contents { @@ -1072,6 +1096,12 @@ export default { } } @media (min-width: 768px) and (max-width: 980px) { + .banner { + height: 16rem; + img { + height: 16rem !important; + } + } .contents { .article-wrap { .articles { @@ -1084,7 +1114,7 @@ export default { } @media (min-width: 980px) and (max-width: 1200px) { .banner { - height: 18rem; + height: 18rem !important; img { height: 18rem !important; } diff --git a/src/pages/deviceIntroBeam/index.vue b/src/pages/deviceIntroBeam/index.vue index 77fda21..72a24f7 100644 --- a/src/pages/deviceIntroBeam/index.vue +++ b/src/pages/deviceIntroBeam/index.vue @@ -182,13 +182,13 @@ export default { @media (max-width: 320px) { .banner{ height: 13rem; - padding: 6rem 0 0 12rem; + padding: 6rem 0 0 8rem; } } @media (min-width: 320px) and (max-width: 375px) { .banner{ height: 13rem; - padding: 8rem 0 0 13rem; + padding: 8rem 0 0 10rem; } } @media (min-width: 375px) and (max-width: 480px) { diff --git a/src/pages/deviceIntroLayout/index.vue b/src/pages/deviceIntroLayout/index.vue index 51dbc49..17934f8 100644 --- a/src/pages/deviceIntroLayout/index.vue +++ b/src/pages/deviceIntroLayout/index.vue @@ -308,13 +308,13 @@ export default { @media (max-width: 320px) { .banner{ height: 13rem; - padding: 6rem 0 0 12rem; + padding: 6rem 0 0 8rem; } } @media (min-width: 320px) and (max-width: 375px) { .banner{ height: 15rem; - padding: 8rem 0 0 13rem; + padding: 8rem 0 0 10rem; } } @media (min-width: 375px) and (max-width: 480px) { diff --git a/src/pages/deviceIntroLinear/index.vue b/src/pages/deviceIntroLinear/index.vue index 8dca4c1..9f2bf2c 100644 --- a/src/pages/deviceIntroLinear/index.vue +++ b/src/pages/deviceIntroLinear/index.vue @@ -238,13 +238,13 @@ export default { @media (max-width: 320px) { .banner{ height: 13rem; - padding: 6rem 0 0 12rem; + padding: 6rem 0 0 8rem; } } @media (min-width: 320px) and (max-width: 375px) { .banner{ height: 13rem; - padding: 8rem 0 0 13rem; + padding: 8rem 0 0 10rem; } } @media (min-width: 375px) and (max-width: 480px) { diff --git a/src/pages/edu/index.vue b/src/pages/edu/index.vue index 8783050..43ca4ab 100644 --- a/src/pages/edu/index.vue +++ b/src/pages/edu/index.vue @@ -162,7 +162,7 @@ export default { } } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 18rem; @@ -211,4 +211,324 @@ export default { } } } + +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem !important; + } + /deep/ .el-carousel__container{ + height: 13rem !important; + } + /deep/ .el-carousel__item { + height: 13rem !important; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 13rem; + } + .list { + .wow { + .pic { + height: 13rem; + } + .texts { + h6 { + font-size: 1rem; + } + .sub { + font-size: .85rem; + line-height: .85rem; + margin-top: .5rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + margin-top: .5rem; + + } + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 15rem; + } + .list { + .wow { + .pic { + height: 15rem; + } + .texts { + h6 { + font-size: 1.5rem; + } + .sub { + font-size: 1.2rem; + line-height: 1.2rem; + margin-top: .8rem; + } + .des { + font-size: 1.2rem; + line-height: 1.2rem; + margin-top: .8rem; + + } + } + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 20rem !important; + } + /deep/ .el-carousel__container{ + height: 20rem !important; + } + /deep/ .el-carousel__item { + height: 20rem !important; + } + } + .banner-item{ + img { + height: 20rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 18rem; + } + .list { + .wow { + .pic { + height: 20rem; + } + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 25rem !important; + } + /deep/ .el-carousel__container{ + height: 25rem !important; + } + /deep/ .el-carousel__item { + height: 25rem !important; + } + } + .banner-item{ + img { + height: 25rem !important; + } + .banner-name { + font-size: 2.5rem; + line-height: 2.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 22rem; + } + .list { + .wow { + .pic { + height: 22rem; + } + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 28rem !important; + } + /deep/ .el-carousel__container{ + height: 28rem !important; + } + /deep/ .el-carousel__item { + height: 28rem !important; + } + } + .banner-item{ + img { + height: 28rem !important; + } + .banner-name { + font-size: 2.5rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 25rem; + } + .list { + .wow { + .pic { + height: 22rem; + } + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 32rem !important; + } + /deep/ .el-carousel__container{ + height: 32rem !important; + } + /deep/ .el-carousel__item { + height: 32rem !important; + } + } + .banner-item{ + img { + height: 32rem !important; + } + .banner-name { + font-size: 2.5rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 28rem; + } + .list { + .wow { + .pic { + height: 22rem; + } + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem !important; + } + /deep/ .el-carousel__container{ + height: 35rem !important; + } + /deep/ .el-carousel__item { + height: 35rem !important; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 2.5rem; + line-height: 1.5rem; + left: 3rem; + } + } + .block { + padding: 1.25rem 0; + .inner { + .b-title { + font-size: 1.5rem; + } + .block-pic { + height: 32rem; + } + .list { + .wow { + .pic { + height: 28rem; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue index b7fe19f..e1bc873 100644 --- a/src/pages/exp/index.vue +++ b/src/pages/exp/index.vue @@ -281,7 +281,7 @@ export default { height: 15rem !important; } .banner-name { - left: 15rem; + left: 10rem; top: 10rem; font-size: 1.5rem; } @@ -322,7 +322,7 @@ export default { height: 20rem !important; } .banner-name { - left: 20rem; + left: 15rem; top: 13rem; font-size: 1.5rem; } @@ -445,7 +445,7 @@ export default { height: 28rem !important; } .banner-name { - left: 39rem; + left: 34rem; top: 22rem; font-size: 2.5rem; } diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue index bb602eb..2a08962 100644 --- a/src/pages/news/index.vue +++ b/src/pages/news/index.vue @@ -713,7 +713,7 @@ export default { } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 15rem; @@ -833,4 +833,648 @@ export default { } } } +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem; + } + /deep/ .el-carousel__container{ + height: 13rem; + } + /deep/ .el-carousel__item { + height: 13rem; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 16rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 13rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 13rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + li { + margin-top: 1.25rem; + .pic { + height: 13rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + width: 6rem; + } + } + } + } + } + .shows { + .left{ + .pic { + height: 13rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem; + } + /deep/ .el-carousel__container{ + height: 15rem; + } + /deep/ .el-carousel__item { + height: 15rem; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 16rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 15rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 15rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + li { + margin-top: 1.25rem; + .pic { + height: 13rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + width: 6rem; + } + } + } + } + } + .shows { + .left{ + .pic { + height: 15rem; + } + .texts { + padding: 1.25rem; + } + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 18rem; + } + /deep/ .el-carousel__container{ + height: 18rem; + } + /deep/ .el-carousel__item { + height: 18rem; + } + } + .banner-item{ + img { + height: 18rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 18rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 17rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 18rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + li { + margin-top: 1.25rem; + .pic { + height: 15rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + // width: 6rem; + } + } + } + } + } + .shows { + .left{ + .pic { + height: 18rem; + } + .texts { + padding: 1.25rem; + } + } + .card-list { + li { + .pic { + width: 8rem; + } + } + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 22rem; + } + /deep/ .el-carousel__container{ + height: 22rem; + } + /deep/ .el-carousel__item { + height: 22rem; + } + } + .banner-item{ + img { + height: 22rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 20rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 22rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 22rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + + li { + margin-top: 1.25rem; + height: 20rem; + .pic { + height: 20rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + // width: 6rem; + } + } + } + } + } + .shows { + .left{ + .pic { + height: 20rem; + } + .texts { + padding: 1.25rem; + } + } + .card-list { + li { + .pic { + width: 10rem; + } + } + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 25rem; + } + /deep/ .el-carousel__container{ + height: 25rem; + } + /deep/ .el-carousel__item { + height: 25rem; + } + } + .banner-item{ + img { + height: 25rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 25rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 25rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 25rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + + li { + margin-top: 1.25rem; + height: 22rem; + .pic { + height: 22rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + // width: 6rem; + } + } + } + } + } + + .shop-shows { + .card-list { + .pic { + width: 9.25rem; + height: 7.3125rem; + } + } + } + .shows { + .left{ + .pic { + height: 25rem; + } + .texts { + padding: 1.25rem; + } + } + .card-list { + li { + .pic { + width: 10rem; + } + } + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 30rem; + } + /deep/ .el-carousel__container{ + height: 30rem; + } + /deep/ .el-carousel__item { + height: 30rem; + } + } + .banner-item{ + img { + height: 30rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 30rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 30rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 30rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + + li { + margin-top: 1.25rem; + height: 25rem; + .pic { + height: 25rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + // width: 6rem; + } + } + } + } + } + + .shop-shows { + .card-list { + .pic { + width: 9.25rem; + height: 7.3125rem; + } + } + } + .shows { + .left{ + .pic { + height: 30rem; + } + .texts { + padding: 1.25rem; + } + } + .card-list { + li { + .pic { + width: 10rem; + } + } + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem; + } + /deep/ .el-carousel__container{ + height: 35rem; + } + /deep/ .el-carousel__item { + height: 35rem; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + .inner { + .news-banner { + img { + height: 35rem; + } + .right { + padding: 1.25rem 1.25rem 5rem; + } + } + .card { + li { + .pic { + height: 35rem; + } + } + } + .shop-shows { + .left { + .pic { + height: 35rem; + } + .texts { + padding: 1.25rem; + } + } + .right { + .show-card { + + li { + margin-top: 1.25rem; + height: 30rem; + .pic { + height: 30rem; + } + .text { + font-size: 1rem; + } + } + } + .card-list { + li { + .pic { + // width: 6rem; + } + } + } + } + } + + .shop-shows { + .card-list { + .pic { + width: 9.25rem; + height: 7.3125rem; + } + } + } + .shows { + .left{ + .pic { + height: 35rem; + } + .texts { + padding: 1.25rem; + } + } + .card-list { + li { + .pic { + width: 10rem; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/pages/newsPress/index.vue b/src/pages/newsPress/index.vue index e083ff1..f530f03 100644 --- a/src/pages/newsPress/index.vue +++ b/src/pages/newsPress/index.vue @@ -180,7 +180,7 @@ export default { } } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 18rem; @@ -195,6 +195,7 @@ export default { .banner-item .banner-name[data-v-1525064c] { font-size: 1.5rem; } + .inner{ width: 95%; .list{ @@ -227,4 +228,338 @@ export default { } } } + +@media (max-width: 1200px) { + .inner{ + width: 95%; + .list{ + li { + margin-top: 20px; + .pic { + width: 100%; + height: 500px; + } + .texts { + padding: 20px 10px 10px ; + top: 30px; + h6{ + font-size: 2rem; + } + .sub{ + margin: 10px 0; + } + .des{ + margin-bottom: 10px; + } + } + } + } + } +} +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem !important; + } + /deep/ .el-carousel__container{ + height: 13rem !important; + } + /deep/ .el-carousel__item { + height: 13rem !important; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 15rem !important; + } + .texts { + top: 1rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 15rem !important; + } + .texts { + top: 1rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 18rem !important; + } + /deep/ .el-carousel__container{ + height: 18rem !important; + } + /deep/ .el-carousel__item { + height: 18rem !important; + } + } + .banner-item{ + img { + height: 18rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 18rem !important; + } + .texts { + top: 2.5rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 22rem !important; + } + /deep/ .el-carousel__container{ + height: 22rem !important; + } + /deep/ .el-carousel__item { + height: 22rem !important; + } + } + .banner-item{ + img { + height: 22rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 22rem !important; + } + .texts { + top: 2.5rem; + h6 { + font-size: 1.8rem !important; + } + .sub{ + font-size: 1.3rem; + } + .des { + font-size: 1.3rem; + line-height: 1.3rem; + } + img { + width: 4rem;height: 4rem; + } + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 28rem !important; + } + /deep/ .el-carousel__container{ + height: 28rem !important; + } + /deep/ .el-carousel__item { + height: 28rem !important; + } + } + .banner-item{ + img { + height: 28rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 28rem !important; + } + .texts { + top: 3rem; + h6 { + font-size: 2rem !important; + } + .sub{ + font-size: 1.3rem; + } + .des { + font-size: 1.8rem; + line-height: 1.8rem; + } + img { + width: 5rem;height: 5rem; + } + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 32rem !important; + } + /deep/ .el-carousel__container{ + height: 32rem !important; + } + /deep/ .el-carousel__item { + height: 32rem !important; + } + } + .banner-item{ + img { + height: 32rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 32rem !important; + } + .texts { + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem !important; + } + /deep/ .el-carousel__container{ + height: 35rem !important; + } + /deep/ .el-carousel__item { + height: 35rem !important; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 35rem !important; + } + } + } + } +} \ No newline at end of file diff --git a/src/pages/newsProcurement/index.vue b/src/pages/newsProcurement/index.vue index bc7283a..d422fda 100644 --- a/src/pages/newsProcurement/index.vue +++ b/src/pages/newsProcurement/index.vue @@ -177,7 +177,7 @@ export default { } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 18rem; @@ -253,4 +253,310 @@ export default { } } } +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem !important; + } + /deep/ .el-carousel__container{ + height: 13rem !important; + } + /deep/ .el-carousel__item { + height: 13rem !important; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 15rem !important; + } + .texts { + top: 1rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 15rem !important; + } + .texts { + top: 1rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 18rem !important; + } + /deep/ .el-carousel__container{ + height: 18rem !important; + } + /deep/ .el-carousel__item { + height: 18rem !important; + } + } + .banner-item{ + img { + height: 18rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 18rem !important; + } + .texts { + top: 2.5rem; + h6 { + font-size: 1rem !important; + } + .sub{ + font-size: .85rem; + } + .des { + font-size: .85rem; + line-height: .85rem; + } + img { + width: 2rem;height: 2rem; + } + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 22rem !important; + } + /deep/ .el-carousel__container{ + height: 22rem !important; + } + /deep/ .el-carousel__item { + height: 22rem !important; + } + } + .banner-item{ + img { + height: 22rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 22rem !important; + } + .texts { + top: 2.5rem; + h6 { + font-size: 1.8rem !important; + } + .sub{ + font-size: 1.3rem; + } + .des { + font-size: 1.3rem; + line-height: 1.3rem; + } + img { + width: 4rem;height: 4rem; + } + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 28rem !important; + } + /deep/ .el-carousel__container{ + height: 28rem !important; + } + /deep/ .el-carousel__item { + height: 28rem !important; + } + } + .banner-item{ + img { + height: 28rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 28rem !important; + } + .texts { + top: 3rem; + h6 { + font-size: 2rem !important; + } + .sub{ + font-size: 1.3rem; + } + .des { + font-size: 1.8rem; + line-height: 1.8rem; + } + img { + width: 5rem;height: 5rem; + } + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 32rem !important; + } + /deep/ .el-carousel__container{ + height: 32rem !important; + } + /deep/ .el-carousel__item { + height: 32rem !important; + } + } + .banner-item{ + img { + height: 32rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 32rem !important; + } + .texts { + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem !important; + } + /deep/ .el-carousel__container{ + height: 35rem !important; + } + /deep/ .el-carousel__item { + height: 35rem !important; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .inner { + .list { + li { + .pic { + height: 35rem !important; + } + } + } + } +} \ No newline at end of file diff --git a/src/pages/overviewDevHistory/index.vue b/src/pages/overviewDevHistory/index.vue index dc50d4a..ef16598 100644 --- a/src/pages/overviewDevHistory/index.vue +++ b/src/pages/overviewDevHistory/index.vue @@ -269,7 +269,7 @@ export default { .single-banner { .texts { top: 11rem !important; - left: 10rem !important; + left: 8rem !important; .banner-title { font-size: 1.5rem; } @@ -301,7 +301,7 @@ export default { .single-banner { .texts { top: 11rem !important; - left: 15rem !important; + left: 10rem !important; .banner-title { font-size: 1.5rem; } @@ -335,7 +335,7 @@ export default { } .texts { top: 14rem !important; - left: 18rem !important; + left: 14rem !important; .banner-title { font-size: 1.5rem; } @@ -368,7 +368,7 @@ export default { } .texts { top: 13rem !important; - left: 24rem !important; + left: 20rem !important; .banner-title { font-size: 1.5rem; } @@ -401,7 +401,7 @@ export default { } .texts { top: 20rem !important; - left: 34rem !important; + left: 30rem !important; .banner-title { font-size: 1.8rem; } @@ -467,7 +467,7 @@ export default { } .texts { top: 25rem !important; - left: 55rem !important; + left: 50rem !important; .banner-title { font-size: 1.8rem; } diff --git a/src/pages/overviewIntro/index.vue b/src/pages/overviewIntro/index.vue index a750572..e13a302 100644 --- a/src/pages/overviewIntro/index.vue +++ b/src/pages/overviewIntro/index.vue @@ -188,7 +188,7 @@ export default { } .texts { top: 9rem !important; - left: 11rem !important; + left: 8rem !important; .banner-title { font-size: 1.5rem; } @@ -202,7 +202,7 @@ export default { } .texts { top: 11rem !important; - left: 15rem !important; + left: 10rem !important; .banner-title { font-size: 1.5rem; } @@ -217,7 +217,7 @@ export default { } .texts { top: 14rem !important; - left: 18rem !important; + left: 13rem !important; .banner-title { font-size: 1.5rem; } @@ -231,7 +231,7 @@ export default { } .texts { top: 18rem !important; - left: 25rem !important; + left: 20rem !important; .banner-title { font-size: 1.5rem; } @@ -245,7 +245,7 @@ export default { } .texts { top: 21rem !important; - left: 37rem !important; + left: 30rem !important; .banner-title { font-size: 1.5rem; } diff --git a/src/pages/overviewLocation/index.vue b/src/pages/overviewLocation/index.vue index 5229afe..720811d 100644 --- a/src/pages/overviewLocation/index.vue +++ b/src/pages/overviewLocation/index.vue @@ -123,7 +123,7 @@ export default { .single-banner { .texts { top: 11rem !important; - left: 12rem !important; + left: 8rem !important; .banner-title { font-size: 1.5rem; } @@ -139,7 +139,7 @@ export default { .single-banner { .texts { top: 11rem !important; - left: 15rem !important; + left: 10rem !important; .banner-title { font-size: 1.5rem; } @@ -157,7 +157,7 @@ export default { } .texts { top: 14rem !important; - left: 18rem !important; + left: 13rem !important; .banner-title { font-size: 1.5rem; } @@ -174,7 +174,7 @@ export default { } .texts { top: 12rem !important; - left: 24rem !important; + left: 20rem !important; .banner-title { font-size: 1.5rem; } @@ -191,7 +191,7 @@ export default { } .texts { top: 20rem !important; - left: 34rem !important; + left: 30rem !important; .banner-title { font-size: 1.8rem; } @@ -225,7 +225,7 @@ export default { } .texts { top: 25rem !important; - left: 55rem !important; + left: 50rem !important; .banner-title { font-size: 1.8rem; } diff --git a/src/pages/overviewSetup/index.vue b/src/pages/overviewSetup/index.vue index 3e9e72a..fa352d0 100644 --- a/src/pages/overviewSetup/index.vue +++ b/src/pages/overviewSetup/index.vue @@ -151,7 +151,7 @@ export default { } .texts { top: 9rem !important; - left: 11rem !important; + left: 8rem !important; .banner-title { font-size: 1.5rem; } @@ -173,7 +173,7 @@ export default { } .texts { top: 11rem !important; - left: 15rem !important; + left: 10rem !important; .banner-title { font-size: 1.5rem; } @@ -188,7 +188,7 @@ export default { } .texts { top: 14rem !important; - left: 18rem !important; + left: 13rem !important; .banner-title { font-size: 1.5rem; } diff --git a/src/pages/overviewTrailer/index.vue b/src/pages/overviewTrailer/index.vue index 35ff43e..e15eff7 100644 --- a/src/pages/overviewTrailer/index.vue +++ b/src/pages/overviewTrailer/index.vue @@ -145,7 +145,7 @@ export default { .single-banner { .texts { top: 11rem !important; - left: 15rem !important; + left: 12rem !important; .banner-title { font-size: 1.5rem; } @@ -167,7 +167,7 @@ export default { } .texts { top: 14rem !important; - left: 18rem !important; + left: 15rem !important; .banner-title { font-size: 1.5rem; } @@ -188,7 +188,7 @@ export default { } .texts { top: 18rem !important; - left: 24rem !important; + left: 20rem !important; .banner-title { font-size: 1.5rem; } @@ -209,7 +209,7 @@ export default { } .texts { top: 20rem !important; - left: 34rem !important; + left: 28rem !important; .banner-title { font-size: 1.8rem; } @@ -251,7 +251,7 @@ export default { } .texts { top: 25rem !important; - left: 55rem !important; + left: 50rem !important; .banner-title { font-size: 1.8rem; } diff --git a/src/pages/research/index.vue b/src/pages/research/index.vue index 64b6622..d4d0b87 100644 --- a/src/pages/research/index.vue +++ b/src/pages/research/index.vue @@ -160,7 +160,7 @@ export default { overflow: hidden; } h6 { - font-size: 1.8rem; + font-size: 1.5rem; white-space: nowrap; } .des { @@ -250,7 +250,7 @@ export default { } } -@media (min-width: 280px) and (max-width: 750px) { +@media (min-width: 280px) and (max-width: 1200px) { .wrap{ /deep/ .el-carousel { height: 18rem; @@ -299,4 +299,319 @@ export default { height: 20rem; } } +@media (max-width: 320px) { + .wrap { + /deep/ .el-carousel{ + height: 13rem !important; + } + /deep/ .el-carousel__container{ + height: 13rem !important; + } + /deep/ .el-carousel__item { + height: 13rem !important; + } + } + .banner-item{ + img { + height: 13rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 13rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 320px) and (max-width: 375px) { + .wrap { + /deep/ .el-carousel{ + height: 15rem !important; + } + /deep/ .el-carousel__container{ + height: 15rem !important; + } + /deep/ .el-carousel__item { + height: 15rem !important; + } + } + .banner-item{ + img { + height: 15rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 13rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 375px) and (max-width: 480px) { + .wrap { + /deep/ .el-carousel{ + height: 20rem !important; + } + /deep/ .el-carousel__container{ + height: 20rem !important; + } + /deep/ .el-carousel__item { + height: 20rem !important; + } + } + .banner-item{ + img { + height: 20rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .area { + li { + .pic { + height: 25rem; + } + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 15rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 480px) and (max-width: 640px) { + .wrap { + /deep/ .el-carousel{ + height: 25rem !important; + } + /deep/ .el-carousel__container{ + height: 25rem !important; + } + /deep/ .el-carousel__item { + height: 25rem !important; + } + } + .banner-item{ + img { + height: 25rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .area { + li { + .pic { + height: 25rem; + } + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 20rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 640px) and (max-width: 768px) { + .wrap { + /deep/ .el-carousel{ + height: 25rem !important; + } + /deep/ .el-carousel__container{ + height: 25rem !important; + } + /deep/ .el-carousel__item { + height: 25rem !important; + } + } + .banner-item{ + img { + height: 25rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .area { + li { + .pic { + height: 30rem; + } + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 20rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 768px) and (max-width: 980px) { + .wrap { + /deep/ .el-carousel{ + height: 30rem !important; + } + /deep/ .el-carousel__container{ + height: 30rem !important; + } + /deep/ .el-carousel__item { + height: 30rem !important; + } + } + .banner-item{ + img { + height: 30rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .area { + li { + .pic { + height: 35rem; + } + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 25rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} +@media (min-width: 980px) and (max-width: 1200px) { + .wrap { + /deep/ .el-carousel{ + height: 35rem !important; + } + /deep/ .el-carousel__container{ + height: 35rem !important; + } + /deep/ .el-carousel__item { + height: 35rem !important; + } + } + .banner-item{ + img { + height: 35rem !important; + } + .banner-name { + font-size: 1.5rem; + line-height: 1rem; + left: 5rem; + } + } + .area { + li { + .pic { + height: 40rem; + } + } + } + .block { + padding: 1.25rem 0 ; + .b-title { + font-size: 2rem; + } + .group ,.news{ + li { + img { + height: 25rem; + } + .text { + font-size: 2rem; + line-height: 1.8rem; + } + } + } + } +} \ No newline at end of file diff --git a/src/pages/talentCenter/index.vue b/src/pages/talentCenter/index.vue index fa32f5d..b8a7f58 100644 --- a/src/pages/talentCenter/index.vue +++ b/src/pages/talentCenter/index.vue @@ -354,6 +354,17 @@ export default { } } @media (max-width: 320px) { + .wrap { + .single-banner { + .banner-img { + height: 13rem; + } + .texts { + left: 3rem; + top: 7rem; + } + } + } .content { .article { .left { @@ -377,6 +388,17 @@ export default { } } @media (min-width: 320px) and (max-width: 375px) { + .wrap { + .single-banner { + .banner-img { + height: 15rem; + } + .texts { + left: 3rem; + top: 7rem; + } + } + } .content { .article { .left { @@ -400,6 +422,17 @@ export default { } } @media (min-width: 375px) and (max-width: 480px) { + .wrap { + .single-banner { + .banner-img { + height: 18rem; + } + .texts { + left: 3rem; + top: 10rem; + } + } + } .content { .article { .left { @@ -423,7 +456,18 @@ export default { } } @media (min-width: 480px) and (max-width: 640px) { - .content { + .wrap { + .single-banner { + .banner-img { + height: 20rem; + } + .texts { + left: 3rem; + top: 12rem; + } + } + } + .content { .article { .left { .recruit { @@ -446,6 +490,17 @@ export default { } } @media (min-width: 640px) and (max-width: 768px) { + .wrap { + .single-banner { + .banner-img { + height: 22rem; + } + .texts { + left: 3rem; + top: 14rem; + } + } + } .content { .article { .left { @@ -469,6 +524,17 @@ export default { } } @media (min-width: 768px) and (max-width: 980px) { + .wrap { + .single-banner { + .banner-img { + height: 26rem; + } + .texts { + left: 3rem; + top: 16rem; + } + } + } .content { .article { .left { @@ -492,6 +558,17 @@ export default { } } @media (min-width: 980px) and (max-width: 1200px) { + .wrap { + .single-banner { + .banner-img { + height: 30rem; + } + .texts { + left: 3rem; + top: 18rem; + } + } + } .content { .article { .left { diff --git a/src/setting.js b/src/setting.js index 55e54c6..8322091 100644 --- a/src/setting.js +++ b/src/setting.js @@ -4,8 +4,8 @@ const isDev = process.env.NODE_ENV === 'development' // 开发环境 let host = `${location.origin}/` if (isDev) { - host = 'http://192.168.31.151:10000/' - // host = 'http://192.168.31.136:10000/' + // host = 'http://192.168.31.52:10000/' + host = 'http://192.168.31.136:10000/' } const Setting = {