jialong.yu
/
FE_IASF_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

修复部分适配问题

Browse Source
mobile
wangchenguang 2 years ago
parent b4db275284
commit 592e5840d8
22 changed files with 660 additions and 171 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/layouts/header/index.vue
  2. 95
      src/pages/about/index.vue
  3. 37
      src/pages/application/index.vue
  4. 21
      src/pages/article/activity.vue
  5. 36
      src/pages/article/index.vue
  6. 46
      src/pages/careers/index.vue
  7. 47
      src/pages/column/index.vue
  8. 5
      src/pages/deviceIntroBeam/index.vue
  9. 5
      src/pages/deviceIntroLinear/index.vue
  10. 37
      src/pages/edu/index.vue
  11. 39
      src/pages/exp/index.vue
  12. 93
      src/pages/home/index.vue
  13. 139
      src/pages/news/index.vue
  14. 39
      src/pages/newsPress/index.vue
  15. 40
      src/pages/newsProcurement/index.vue
  16. 12
      src/pages/overviewLocation/index.vue
  17. 13
      src/pages/overviewSetup/index.vue
  18. 12
      src/pages/overviewTrailer/index.vue
  19. 43
      src/pages/research/index.vue
  20. 60
      src/pages/sfel/index.vue
  21. 4
      src/pages/talent/index.vue
  22. 2
      src/setting.js

6
src/layouts/header/index.vue
Unescape View File

@ -130,6 +130,7 @@ $height: 90px;
left: 0; left: 0;
width: 100%; width: 100%;
// min-width: $min-width; // min-width: $min-width;
background-color: #fff;
height: $height; height: $height;
box-sizing: content-box; box-sizing: content-box;
&:not(.channel) { &:not(.channel) {
@ -197,10 +198,10 @@ $height: 90px;
} }
} }
.rightBox{ .rightBox{
font-size: 3.57rem; font-size: 2.57rem;
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 20px; top: 2rem;
} }
.contentBox{ .contentBox{
width: 100%; width: 100%;
@ -255,6 +256,7 @@ $height: 90px;
padding: 0 .5rem 0 .1rem; padding: 0 .5rem 0 .1rem;
} }
} }
} }
</style> </style>

95
src/pages/about/index.vue
Unescape View File

@ -199,22 +199,22 @@ export default {
.texts { .texts {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 82px 57px 30px; padding: 5.125rem 3.5625rem 1.875rem;
margin-top: 20px; margin-top: 20px;
background-color: #fff; background-color: #fff;
border-radius: 100px 0px 0px 0px; border-radius: 6.25rem 0px 0px 0px;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
} }
} }
.left { .left {
width: 695px; width: 43.4375rem;
} }
.line { .line {
width: 136px; width: 8.5rem;
height: 2px; height: 2px;
margin: 20px 0; margin: 1.25rem 0;
background: #D7D7D7; background: #D7D7D7;
} }
.des { .des {
@ -233,8 +233,8 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
li { li {
width: calc((100% - 28px) / 2); width: calc((100% - 28px) / 2);
height: 277px; height: 17.3125rem;
padding: 70px 67px 20px; padding: 4.375rem 4.18rem 1.25rem;
margin-bottom: 28px; margin-bottom: 28px;
color: #fff; color: #fff;
transition: .3s; transition: .3s;
@ -242,7 +242,7 @@ export default {
transform: scale(1.05); transform: scale(1.05);
} }
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 28px; margin-right: 1.75rem;
} }
} }
.item1 { .item1 {
@ -267,17 +267,17 @@ export default {
} }
} }
.plan { .plan {
padding: 73px 0; padding: 4.5625rem 0;
background: #072947; background: #072947;
.inner { .inner {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 1575px; width: 98.4375rem;
} }
.pic { .pic {
width: 42%; width: 42%;
height: 488px; height: 30.5rem;
margin-bottom: -120px; margin-bottom: -7.5rem;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -285,7 +285,7 @@ export default {
} }
.texts { .texts {
width: 51%; width: 51%;
margin-top: 36px; margin-top: 2.25rem;
color: #fff; color: #fff;
transition: .3s; transition: .3s;
&:hover { &:hover {
@ -304,7 +304,7 @@ export default {
li { li {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 126px; margin-bottom: 7.87rem;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -315,14 +315,14 @@ export default {
} }
.pic { .pic {
width: 47%; width: 47%;
height: 465px; height: 29.0625rem;
} }
.texts { .texts {
width: 49%; width: 49%;
padding-top: 90px; padding-top: 5.5625rem;
} }
h6 { h6 {
margin: 20px 0; margin: 1.25rem 0;
font-size: 2.85rem; font-size: 2.85rem;
} }
.sub { .sub {
@ -338,7 +338,7 @@ export default {
.list-block { .list-block {
.inner { .inner {
width: 80%; width: 80%;
padding: 90px 0; padding: 5.625rem 0;
background-color: #fff; background-color: #fff;
} }
} }
@ -347,8 +347,8 @@ export default {
justify-content: center; justify-content: center;
li { li {
width: calc((100% - 100px) / 3); width: calc((100% - 100px) / 3);
padding-bottom: 30px; padding-bottom: 1.875rem;
margin-right: 28px; margin-right: 1.75rem;
text-align: center; text-align: center;
background-color: #F5F5F5; background-color: #F5F5F5;
transition: .3s; transition: .3s;
@ -364,10 +364,10 @@ export default {
} }
.pic { .pic {
width: 100%; width: 100%;
height: 353px; height: 22.065rem;
} }
h6 { h6 {
margin: 35px 0 5px; margin: 2.1875rem 0 5px;
font-size: 1.71rem; font-size: 1.71rem;
color: #272727; color: #272727;
transition: .3s; transition: .3s;
@ -391,14 +391,14 @@ export default {
} }
} }
.staff-inner { .staff-inner {
width: 1581px; width: 98.8125rem;
} }
.left { .left {
width: 50%; width: 50%;
padding: 108px 43px 0 46px; padding: 6.75rem 2.6875rem 0 2.875rem;
} }
h6 { h6 {
margin-bottom: 30px; margin-bottom: 1.875rem;
font-size: 2.14rem; font-size: 2.14rem;
color: #333; color: #333;
transition: .3s; transition: .3s;
@ -412,17 +412,17 @@ export default {
} }
.pic { .pic {
width: 53%; width: 53%;
height: 487px; height: 30.4375rem;
} }
} }
.stat { .stat {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 60px; margin-top: 3.75rem;
li { li {
width: 30%; width: 30%;
margin-bottom: 50px; margin-bottom: 3.125rem;
} }
.num { .num {
margin-bottom: 10px; margin-bottom: 10px;
@ -468,13 +468,13 @@ export default {
.bg{ .bg{
margin: 0; margin: 0;
width: 100%; width: 100%;
height: 450px; height: 28.125rem;
} }
} }
.block{ .block{
padding: 50px 0; padding: 50px 0;
.intro{ .intro{
margin-bottom: 50px; margin-bottom: 3.125rem;
} }
.inner { .inner {
.card{ .card{
@ -523,7 +523,7 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.texts{ .texts{
padding-top: 50px; padding-top: 3.125rem;
width: 100%; width: 100%;
} }
} }
@ -547,7 +547,7 @@ export default {
} }
.pic { .pic {
width: 95%;margin: 0 auto; width: 95%;margin: 0 auto;
height: 400px; height: 25rem;
} }
} }
} }
@ -555,10 +555,22 @@ export default {
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap {
/deep/ .el-carousel {
height: 12rem;
.el-carousel__container{
height: 12rem !important;
}
img {
height: 12rem;
}
}
}
.inner{ .inner{
.texts { .texts {
.bg { .bg {
height: 350px; height: 21.875rem;
margin-top: 1rem; margin-top: 1rem;
} }
} }
@ -573,10 +585,25 @@ export default {
li { li {
margin-bottom: 30px; margin-bottom: 30px;
.pic { .pic {
height: 350px; height: 18.875rem;
} }
} }
} }
} }
.plan {
.pic {
height: 25rem;
}
}
.list {
.pic {
height: 19rem;
}
}
.staff {
.pic {
height: 20rem !important;
}
}
} }
</style> </style>

37
src/pages/application/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap" v-if="modules.length>=1"> <div class="wrap" v-if="modules.length>=1">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -120,6 +120,18 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.history { .history {
h2 { h2 {
font-size: 1.8rem; font-size: 1.8rem;
@ -291,6 +303,22 @@ export default {
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 15rem;
.el-carousel__container{
height: 15rem;
}
img{
height: 15rem;
}
}
}
.banner-item .banner-name {
font-size: 1.5rem;
bottom: 2.25rem;
left: 16.125rem
}
.block{ .block{
padding: 50px 0; padding: 50px 0;
.inner{ .inner{
@ -304,7 +332,7 @@ export default {
.bg{ .bg{
margin: 0; margin: 0;
width: 100%; width: 100%;
height: 450px; height: 20rem !important;
} }
} }
} }
@ -320,6 +348,9 @@ export default {
flex-direction: column; flex-direction: column;
li { li {
width: 100%; width: 100%;
img {
height: 20rem;
}
} }
} }
.news{ .news{
@ -330,7 +361,7 @@ export default {
flex-direction: column; flex-direction: column;
img{ img{
width: 100%; width: 100%;
height: 200px; height: 12rem;
} }
.texts{ .texts{
margin-left: 0; margin-left: 0;

21
src/pages/article/activity.vue
Unescape View File

@ -263,5 +263,24 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.banner {
height: 15rem;
}
.article{
flex-direction: column;
.left{
width: 100%;
h2 {
font-size: 1.5rem;
}
}
.right{
width: 100%;
.el-tree{
display: none;
}
}
}
}
</style> </style>

36
src/pages/article/index.vue
Unescape View File

@ -302,4 +302,40 @@ export default {
} }
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.article {
/deep/.des {
img {
max-width: 100%;
height: 15rem;
}
}
}
.banner {
font-size: 1.5rem;
}
.article{
flex-direction: column;
.left{
width: 100%;
h2 {
font-size: 1.5rem;
}
}
.right{
width: 100%;
.el-tree{
display: none;
}
}
}
.article {
.des {
img{
height: 15rem !important;
}
}
}
}
</style> </style>

46
src/pages/careers/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -130,6 +130,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.card { .card {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -293,6 +304,17 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 15rem;
.el-carousel__container{
height: 15rem;
}
img{
height: 15rem;
}
}
}
.block{ .block{
padding: 50px 0; padding: 50px 0;
.inner { .inner {
@ -302,7 +324,7 @@ export default {
li{ li{
margin-top: 20px; margin-top: 20px;
width: 100%; width: 100%;
height: 450px; height: 27rem;
} }
} }
.people{ .people{
@ -314,8 +336,8 @@ export default {
.pic{ .pic{
top: -60px; top: -60px;
right: 13px; right: 13px;
width: 55%; width: 60%;
height: 230px; height: 12.5rem;
} }
} }
} }
@ -326,12 +348,22 @@ export default {
li { li {
flex-direction: column; flex-direction: column;
align-items:flex-start; align-items:flex-start;
height: 450px; height: 16rem;
.left { .left {
padding: 10px ; padding: 10px ;
h6{ h6{
font-size: 2rem; font-size: 1.5rem ;
overflow: hidden; }
.sub {
margin: .5rem;
font-size: 1rem;
}
.des{
margin-bottom: 1.25rem;
}
.icon {
width: 3.5rem;
height: 3.5rem;
} }
} }
} }

47
src/pages/column/index.vue
Unescape View File

@ -491,7 +491,7 @@ export default {
} }
.text { .text {
font-size: 3.42rem; font-size: 3rem;
font-weight: 600; font-weight: 600;
@include ellipsis; @include ellipsis;
} }
@ -521,7 +521,7 @@ export default {
} }
.article-wrap { .article-wrap {
width: 78%; width: 100%;
} }
.switch { .switch {
@ -740,7 +740,7 @@ export default {
} }
.pic { .pic {
width: 46%; width: 35%;
height: 244px; height: 244px;
} }
} }
@ -914,7 +914,8 @@ export default {
} }
.pic { .pic {
width: 100%; width: 95%;
margin: 0 atuo;
} }
} }
} }
@ -925,7 +926,17 @@ export default {
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.banner {
height: 15rem !important;
img {
height: 15rem !important;
}
.texts {
top: 6rem;
left: 3rem;
}
}
.article { .article {
.columns { .columns {
width: 40%; width: 40%;
@ -941,6 +952,32 @@ export default {
} }
} }
} }
.column-wrap {
.article {
flex-direction: column;
.left {
width: 100%;
.contents {
.articles {
li {
flex-direction: column;
.pic {
width: 95%;
margin: 0 auto;
height: 15rem;
}
}
}
}
}
}
}
} }
</style> </style>

5
src/pages/deviceIntroBeam/index.vue
Unescape View File

@ -179,4 +179,9 @@ export default {
} }
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.banner{
height: 15rem;
}
}
</style> </style>

5
src/pages/deviceIntroLinear/index.vue
Unescape View File

@ -235,4 +235,9 @@ export default {
} }
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.banner{
height: 15rem;
}
}
</style> </style>

37
src/pages/edu/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -85,6 +85,18 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.block-pic { .block-pic {
transition: .3s; transition: .3s;
&.br { &.br {
@ -151,6 +163,23 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 18rem;
.el-carousel__container{
height: 18rem;
}
img{
height: 18rem;
}
}
}
.banner-item .banner-name {
font-size: 1.5rem;
bottom: 5.25rem;
left: 14.125rem;
line-height: 2rem
}
.block{ .block{
padding: 50px 0; padding: 50px 0;
.inner { .inner {
@ -162,19 +191,19 @@ export default {
margin-bottom: 30px; margin-bottom: 30px;
} }
.block-pic{ .block-pic{
height: 450px; height: 15rem;
} }
} }
.list{ .list{
li { li {
margin-top: 20px; margin-top: 20px;
.pic{ .pic{
width: 100%;height: 450px; width: 100%;height: 25rem;
} }
.texts{ .texts{
padding: 10px; padding: 10px;
width: 70%; width: 70%;
top: 80px; top: 2rem;
height: auto; height: auto;
left: 24%; left: 24%;
} }

39
src/pages/exp/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -93,6 +93,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.station { .station {
h6 { h6 {
position: relative; position: relative;
@ -186,4 +197,30 @@ export default {
} }
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 15rem;
.el-carousel__container{
height: 15rem;
}
img{
height: 15rem;
}
}
}
.station{
.pic {
height: 20rem;
}
}
.list {
li {
height: 20rem;
h6 {
top: 5rem;
}
}
}
}
</style> </style>

93
src/pages/home/index.vue
Unescape View File

@ -177,12 +177,12 @@ export default {
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.carousel{ .carousel{
height: 959px; height: 59.93rem;
img{ img{
height: 100%; height: 100%;
} }
/deep/.el-carousel__container{ /deep/.el-carousel__container{
height: 959px ; height: 59.93rem ;
} }
} }
@ -193,20 +193,20 @@ export default {
width: 47%; width: 47%;
transition: .3s; transition: .3s;
&:hover{ &:hover{
margin-top: -15px; margin-top: -0.9375rem;
} }
} }
.pic { .pic {
width: 100%; width: 100%;
height: 400px; height: 25rem;
} }
.texts { .texts {
padding-left: 22px; padding-left: 1.375rem;
margin-top: 60px; margin-top: 3.75rem;
border-left: 2px solid #DFE4E9; border-left: 2px solid #DFE4E9;
} }
h6 { h6 {
margin-bottom: 25px; margin-bottom: 1.56rem;
font-size: 1.71rem; font-size: 1.71rem;
color: #333; color: #333;
} }
@ -226,26 +226,26 @@ export default {
li { li {
display: inline-flex; display: inline-flex;
width: calc((100% - 28px) / 2); width: calc((100% - 28px) / 2);
padding: 34px; padding: 2.125rem;
margin-bottom: 28px; margin-bottom: 1.75rem;
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
transition: .3s; transition: .3s;
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 28px; margin-right: 1.75rem;
} }
&:hover{ &:hover{
transform: scale(1.05); transform: scale(1.05);
} }
} }
img { img {
width: 200px; width: 12.5rem;
height: 125px; height: 7.81rem;
} }
.texts { .texts {
width: calc(100% - 220px); width: calc(100% - 220px);
margin-left: 20px; margin-left: 1.25rem;
} }
h6 { h6 {
font-size: 1.28rem; font-size: 1.28rem;
@ -273,7 +273,7 @@ export default {
li { li {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 126px; margin-bottom: 7.87rem;
&:nth-child(even) { &:nth-child(even) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
@ -288,12 +288,12 @@ export default {
} }
.pic { .pic {
width: 47%; width: 47%;
height: 465px; height: 29.06rem;
transition: .3s; transition: .3s;
} }
.texts { .texts {
width: 48%; width: 48%;
padding-top: 150px; padding-top: 9.375rem;
transition: .3s; transition: .3s;
} }
h6 { h6 {
@ -308,8 +308,8 @@ export default {
} }
.glance { .glance {
padding-bottom: 50px; padding-bottom: 3.125rem;
font-size: 45px; font-size: 2.81rem;
font-weight: bold; font-weight: bold;
font-family: SFProDisplay-Bold, SFProDisplay; font-family: SFProDisplay-Bold, SFProDisplay;
text-align: center; text-align: center;
@ -319,7 +319,7 @@ export default {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 60px; margin-top: 3.75rem;
li { li {
width: 30%; width: 30%;
margin-bottom: 50px; margin-bottom: 50px;
@ -341,13 +341,14 @@ export default {
} }
} }
.about { .about {
padding: 77px 0 198px; padding: 4.81rem 0 12.375rem;
background: url(../../assets/images/about-bg.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/about-bg.png) no-repeat center center;
background-size: 100% 100%;
.line { .line {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 50px 0 30px; margin: 3.125rem 0 1.875rem;
width: 88px; width: 5.5rem;
height: 6px; height: 6px;
background-color: #fff; background-color: #fff;
&:after { &:after {
@ -362,8 +363,8 @@ export default {
} }
.des { .des {
display: block; display: block;
padding: 38px 60px; padding: 2.375rem 3.75rem;
margin-top: 84px; margin-top: 5.25rem;
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
line-height: 42px; line-height: 42px;
@ -381,39 +382,44 @@ export default {
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.carousel{ .carousel{
height: 350px; height: 21.87rem;
img{ img{
height: 100%; height: 100%;
} }
/deep/.el-carousel__container{ /deep/.el-carousel__container{
height: 350px ; height: 21.87rem;
}
}
.about {
.des {
font-size: 1.5rem;
} }
} }
.el-carousel__item{ .el-carousel__item{
height: 350px; height: 21.87rem;
img { img {
height: 350px; height: 21.87rem;
} }
} }
.block{ .block{
padding: 50px 0; padding: 3.125rem 0;
.inner{ .inner{
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
.b-title{ .b-title{
font-size: 2rem; font-size: 2rem;
margin-bottom: 20px; margin-bottom: 1.25rem;
} }
.wow { .wow {
font-size: 1.5rem; font-size: 1.5rem;
} }
.intro { .intro {
margin-bottom: 20px; margin-bottom: 1.25rem;
} }
.card { .card {
flex-direction: column; flex-direction: column;
li{ li{
margin-top: 20px; margin-top: 1.25rem;
width: 100%; width: 100%;
} }
} }
@ -433,13 +439,13 @@ export default {
.people{ .people{
li{ li{
flex-direction: column; flex-direction: column;
margin-bottom: 20px; margin-bottom: 1.25rem;
.pic { .pic {
width: 100%; width: 100%;
height: 350px; height: 21.875rem;
} }
.texts{ .texts{
padding-top: 20px; padding-top: 1.25rem;
width: 100%; width: 100%;
} }
} }
@ -448,23 +454,26 @@ export default {
} }
} }
.card .pic {
height: 20rem;
}
.about { .about {
width: 100%; width: 100%;
padding: 20px 0 30px; padding: 1.25rem 0 1.875rem;
.inner { .inner {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
.line{ .line{
margin: 20px 0 20px; margin: 1.25rem 0 1.25rem;
} }
.des { .des {
margin-top: 20px; margin-top: 1.25rem;
padding: 10px 20px; padding: 10px 1.25rem;
} }
} }
} }
.glance { .glance {
padding-bottom: 20px; padding-bottom: 1.25rem;
} }
.stat{ .stat{
flex-direction: column; flex-direction: column;
@ -482,7 +491,7 @@ export default {
flex-direction: column; flex-direction: column;
li { li {
width: 100%; width: 100%;
margin-bottom: 15px; margin-bottom: .9375rem;
img{ img{
width: 10rem; width: 10rem;
} }

139
src/pages/news/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -290,14 +290,25 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.tabs { .tabs {
display: flex; display: flex;
justify-content: center; justify-content: center;
box-shadow: 0px 2px 14px 0px rgba(167,167,167,0.26); box-shadow: 0px 2px 14px 0px rgba(167,167,167,0.26);
li { li {
padding: 25px 19px; padding: 1.5625rem 1.1875rem;
margin: 0 10px; margin: 0 10px;
font-size: 22px; font-size: 1.375rem;
color: #333; color: #333;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
text-shadow: 0px 2px 14px rgba(167,167,167,0.26); text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
@ -309,26 +320,26 @@ export default {
} }
} }
.lg { .lg {
width: 1505px; width: 94.0625rem;
} }
/deep/.articles { /deep/.articles {
width: 50%; width: 50%;
.el-carousel__indicators--horizontal { .el-carousel__indicators--horizontal {
bottom: 20px; bottom: 1.25rem;
left: 804px; left: 50.25rem;
} }
} }
.news-banner { .news-banner {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
.pic { .pic {
width: 700px; width: 43.75rem;
height: 380px; height: 23.75rem;
} }
.right { .right {
position: relative; position: relative;
width: 50%; width: 50%;
padding: 50px 50px 30px; padding: 3.125rem 3.125rem 1.875rem;
background: #1583FF; background: #1583FF;
color: #fff; color: #fff;
&:hover { &:hover {
@ -341,44 +352,44 @@ export default {
} }
.inds { .inds {
position: absolute; position: absolute;
bottom: 40px; bottom: 2.5rem;
left: 60px; left: 3.75rem;
display: flex; display: flex;
li { li {
width: 10px; width: .625rem;
height: 10px; height: .625rem;
margin-right: 12px; margin-right: .75rem;
background: #FFFFFF; background: #FFFFFF;
border-radius: 50%; border-radius: 50%;
transition: .2s; transition: .2s;
&.active { &.active {
width: 30px; width: 1.875rem;
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
border-radius: 5px; border-radius: 5px;
} }
} }
} }
h6 { h6 {
font-size: 24px; font-size: 1.5rem;
transition: .3s; transition: .3s;
} }
.des { .des {
margin: 30px 0; margin: 1.875rem 0;
font-size: 16px; font-size: 1rem;
line-height: 24px; line-height: 24px;
transition: .3s; transition: .3s;
} }
.meta { .meta {
font-size: 16px; font-size: 1rem;
transition: .3s; transition: .3s;
} }
} }
.card { .card {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 40px; margin-top: 2.5rem;
li { li {
width: calc((100% - 56px) / 3); width: calc((100% - 3.5rem) / 3);
margin-right: 28px; margin-right: 28px;
box-shadow: 0px 0px 20px 0px rgba(176,176,176,0.21); box-shadow: 0px 0px 20px 0px rgba(176,176,176,0.21);
border-radius: 6px; border-radius: 6px;
@ -392,19 +403,19 @@ export default {
} }
.pic { .pic {
width: 100%; width: 100%;
height: 240px; height: 15rem;
} }
.texts { .texts {
padding: 40px 30px; padding: 2.5rem 1.875rem;
} }
.meta { .meta {
font-size: 16px; font-size: 1rem;
color: #666; color: #666;
} }
.des { .des {
height: 60px; height: 3.75rem;
margin: 10px 0; margin: 10px 0;
font-size: 20px; font-size: 1.25rem;
font-family: SFProDisplay; font-family: SFProDisplay;
font-weight: 500; font-weight: 500;
color: #333; color: #333;
@ -412,14 +423,14 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.arrow { .arrow {
width: 36px; width: 2.25rem;
} }
} }
.more { .more {
width: 374px; width: 23.375rem;
margin: 58px auto 0; margin: 3.625rem auto 0;
line-height: 64px; line-height: 64px;
font-size: 30px; font-size: 1.875rem;
text-align: center; text-align: center;
color: #1583FF; color: #1583FF;
border-radius: 35px; border-radius: 35px;
@ -429,8 +440,8 @@ export default {
.shop-shows { .shop-shows {
display: flex; display: flex;
.left { .left {
width: 660px; width: 41.25rem;
margin-right: 20px; margin-right: 1.25rem;
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
@ -441,38 +452,38 @@ export default {
} }
} }
.texts { .texts {
padding: 40px 30px; padding: 2.5rem 1.875rem;
} }
h6 { h6 {
font-size: 24px; font-size: 1.5rem;
color: #272727; color: #272727;
} }
.des { .des {
margin-top: 10px; margin-top: 10px;
font-size: 16px; font-size: 1rem;
color: #666; color: #666;
line-height: 30px; line-height: 30px;
} }
} }
.right { .right {
width: 824px; width: 51.5rem;
overflow: hidden; overflow: hidden;
} }
.show-card { .show-card {
display: flex; display: flex;
margin-bottom: 20px; margin-bottom: 1.25rem;
li { li {
position: relative; position: relative;
height: 197px; height: 197px;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
&:first-child { &:first-child {
margin-right: 22px; margin-right: 1.375rem;
} }
} }
.pic { .pic {
width: 401px; width: 25rem;
height: 197px; height: 12.3125rem;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -483,7 +494,7 @@ export default {
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
font-size: 16px; font-size: 1rem;
color: #fff; color: #fff;
line-height: 48px; line-height: 48px;
text-align: center; text-align: center;
@ -493,12 +504,12 @@ export default {
} }
} }
.card-list { .card-list {
padding: 34px 26px; padding: 2.125rem 1.625rem;
background-color: #fff; background-color: #fff;
li { li {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin-bottom: 38px; margin-bottom: 2.375rem;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -508,28 +519,28 @@ export default {
} }
} }
.pic { .pic {
width: 116px; width: 7.25rem;
height: 85px; height: 5.3125rem;
margin-right: 28px; margin-right: 1.75rem;
} }
.texts { .texts {
width: 504px; width: 31.5rem;
margin-right: 60px; margin-right: 3.75rem;
} }
h6 { h6 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 20px; font-size: 1.25rem;
color: #272727; color: #272727;
} }
.des { .des {
font-size: 14px; font-size: .875rem;
color: #666; color: #666;
line-height: 24px; line-height: 24px;
text-shadow: 0px 0px 30px rgba(48,48,48,0.08); text-shadow: 0px 0px 30px rgba(48,48,48,0.08);
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.arrow { .arrow {
width: 36px; width: 2.25rem;
} }
} }
} }
@ -542,7 +553,7 @@ export default {
display: flex; display: flex;
} }
.left { .left {
width: 718px; width: 44.875rem;
margin-right: 20px; margin-right: 20px;
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
@ -555,7 +566,7 @@ export default {
} }
.texts { .texts {
display: flex; display: flex;
padding: 40px 30px; padding: 2.5rem 1.875rem;
} }
.meta { .meta {
padding: 10px 23px 10px 0; padding: 10px 23px 10px 0;
@ -703,6 +714,20 @@ export default {
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 15rem;
.el-carousel__container{
height: 15rem;
}
img{
height: 15rem;
}
}
}
.banner-item .banner-name {
font-size: 1.5rem;
}
.tabs { .tabs {
li { li {
padding: 15px 10px; padding: 15px 10px;
@ -716,7 +741,7 @@ export default {
width: 90%; width: 90%;
.news-banner{ .news-banner{
img{ img{
height: 350px; height: 20rem;
} }
} }
.b-title{ .b-title{
@ -728,7 +753,7 @@ export default {
.shop-shows{ .shop-shows{
.left { .left {
img{ img{
height: 350px; height: 20rem;
} }
} }
} }
@ -772,7 +797,7 @@ export default {
.left { .left {
width: 100%; width: 100%;
.pic { .pic {
height: 450px; height: 20rem;
} }
} }
.card-list{ .card-list{
@ -781,7 +806,7 @@ export default {
li { li {
.pic { .pic {
width: 100px; width: 100px;
height: 120px; height: 7.5rem;
} }
.texts{ .texts{
h6{ h6{

39
src/pages/newsPress/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -100,6 +100,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.inner { .inner {
padding-top: 35px; padding-top: 35px;
} }
@ -170,6 +181,20 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 18rem;
.el-carousel__container{
height: 18rem;
}
img{
height: 18rem;
}
}
}
.banner-item .banner-name[data-v-1525064c] {
font-size: 1.5rem;
}
.inner{ .inner{
width: 95%; width: 95%;
.list{ .list{
@ -177,13 +202,19 @@ export default {
margin-top: 20px; margin-top: 20px;
.pic { .pic {
width: 100%; width: 100%;
height: 500px; height: 25rem !important;
} }
.texts { .texts {
padding: 20px 10px 10px ; padding: 10px 5px 10px !important;
top: 30px; top: 30px;
height: auto;
h6{ h6{
font-size: 2rem; font-size: 1.5rem !important;
}
p {
font-size: 1rem;
margin: 5px 0 !important;
line-height: 1.5rem;
} }
.sub{ .sub{
margin: 10px 0; margin: 10px 0;

40
src/pages/newsProcurement/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -100,6 +100,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.inner { .inner {
padding-top: 35px; padding-top: 35px;
} }
@ -167,6 +178,21 @@ export default {
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 18rem;
.el-carousel__container{
height: 18rem;
}
img{
height: 18rem;
}
}
}
.banner-item .banner-name[data-v-1525064c] {
font-size: 1.5rem;
}
.inner{ .inner{
width: 95%; width: 95%;
.list{ .list{
@ -174,13 +200,19 @@ export default {
margin-top: 20px; margin-top: 20px;
.pic { .pic {
width: 100%; width: 100%;
height: 500px; height: 25rem !important;
} }
.texts { .texts {
padding: 20px 10px 10px ; padding: 10px 5px 10px !important;
top: 30px; top: 30px;
height: auto;
h6{ h6{
font-size: 2rem; font-size: 1.5rem !important;
}
p {
font-size: 1rem;
margin: 5px 0 !important;
line-height: 1.5rem;
} }
.sub{ .sub{
margin: 10px 0; margin: 10px 0;

12
src/pages/overviewLocation/index.vue
Unescape View File

@ -118,4 +118,16 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.single-banner {
.banner-img {
height: 15rem;
}
.texts {
top: 9rem !important;
left: 22rem !important;
}
}
}
</style> </style>

13
src/pages/overviewSetup/index.vue
Unescape View File

@ -146,6 +146,17 @@ export default {
} }
} }
} }
}
@media (min-width: 280px) and (max-width: 750px) {
.single-banner {
.banner-img {
height: 15rem;
}
.texts{
top: 8rem !important;
left: 22rem !important;
}
}
} }
</style> </style>

12
src/pages/overviewTrailer/index.vue
Unescape View File

@ -122,4 +122,16 @@ export default {
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.single-banner {
.banner-img {
height: 15rem;
}
.texts {
top: 9rem !important;
left: 22rem !important;
}
}
}
</style> </style>

43
src/pages/research/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap" v-if="modules.length>=1"> <div class="wrap" v-if="modules.length>=1">
<el-carousel height="480px" :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> <el-carousel :interval="6000" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)"> <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -94,6 +94,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss"; @import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.area { .area {
display: flex; display: flex;
li { li {
@ -240,6 +251,17 @@ export default {
} }
@media (min-width: 280px) and (max-width: 750px) { @media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 18rem;
.el-carousel__container{
height: 18rem;
}
img{
height: 18rem;
}
}
}
.block{ .block{
padding: 50px 0; padding: 50px 0;
.intro { .intro {
@ -248,7 +270,7 @@ export default {
.area{ .area{
flex-direction: column; flex-direction: column;
li{ li{
width: 95%;margin: 0 auto; width: 95%;margin: 1.25rem auto;
} }
} }
.group,.news{ .group,.news{
@ -259,5 +281,22 @@ export default {
} }
} }
} }
.area {
li {
height: auto;
.pic{
height: 20rem;
}
.texts{
height: 10rem;
}
}
}
.group img {
height: 20rem;
}
.news img{
height: 20rem;
}
} }
</style> </style>

60
src/pages/sfel/index.vue
Unescape View File

@ -701,7 +701,7 @@ export default {
position: relative; position: relative;
width: 550px; width: 550px;
// min-width: 550px; // min-width: 550px;
height: 550px; height: 360px;
margin-right: 20px; margin-right: 20px;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
@ -1149,5 +1149,61 @@ export default {
} }
} }
} }
@media (min-width: 280px) and (max-width: 750px) {
.block {
padding: 2rem 0;
}
.shop-shows {
.slide {
height: 18rem;
}
}
.wrap {
/deep/ .el-carousel {
height: 18rem;
img{
height: 18rem;
}
}
/deep/ .el-carousel__container{
height: 18rem !important;
}
}
.sfel-banner {
.newBox{
height: 20rem !important;
}
.right {
padding: 1.25rem;
height: 20rem;
}
}
.conference {
.left {
height: 20rem;
}
}
.card-list {
li {
.pic {
height: 15rem !important;
}
}
}
.slides {
.item {
height: 10rem !important;
}
}
.img-wrap {
height: 20rem !important;
}
.news{
.wow {
img {
height: 20rem;
}
}
}
}
</style> </style>

4
src/pages/talent/index.vue
Unescape View File

@ -33,7 +33,7 @@
<div class="style"> <div class="style">
<h6 class="wow fadeInUp">{{ modules[3].form.title }}</h6> <h6 class="wow fadeInUp">{{ modules[3].form.title }}</h6>
<el-carousel :interval="4000" type="card" height="510px"> <el-carousel :interval="4000" type="card" height="36rem" :autoplay="false">
<template v-for="(item, i) in modules[4].list"> <template v-for="(item, i) in modules[4].list">
<el-carousel-item v-if="item.isEnable" :key="i"> <el-carousel-item v-if="item.isEnable" :key="i">
<div class="item" @click="openLink(item)"> <div class="item" @click="openLink(item)">
@ -171,6 +171,8 @@ export default {
} }
} }
.style { .style {
width: 90%;
margin: 0 auto;
h6 { h6 {
margin-bottom: 59px; margin-bottom: 59px;
font-size: 2.4rem; font-size: 2.4rem;

2
src/setting.js
Unescape View File

@ -4,7 +4,7 @@
const isDev = process.env.NODE_ENV === 'development' // 开发环境 const isDev = process.env.NODE_ENV === 'development' // 开发环境
let host = `${location.origin}/` let host = `${location.origin}/`
if (isDev) { if (isDev) {
host = 'http://192.168.31.51:10000/' host = 'http://192.168.31.151:10000/'
// host = 'http://192.168.31.136:10000/' // host = 'http://192.168.31.136:10000/'
} }

Write Preview
Loading…
Cancel
Save