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

Merge branch 'mobile' of ssh://121.37.12.51:10022/jialong.yu/FE_IASF_client

Browse Source
master
yujialong 2 years ago
parent 5b559b9948 592e5840d8
commit f246835e34
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
Split 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. 45
      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. 11
      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;
width: 100%;
// min-width: $min-width;
background-color: #fff;
height: $height;
box-sizing: content-box;
&:not(.channel) {
@ -197,10 +198,10 @@ $height: 90px;
}
}
.rightBox{
font-size: 3.57rem;
font-size: 2.57rem;
position: absolute;
right: 10px;
top: 20px;
top: 2rem;
}
.contentBox{
width: 100%;
@ -255,6 +256,7 @@ $height: 90px;
padding: 0 .5rem 0 .1rem;
}
}
}
</style>

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

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

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -120,6 +120,18 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.history {
h2 {
font-size: 1.8rem;
@ -291,6 +303,22 @@ export default {
@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{
padding: 50px 0;
.inner{
@ -304,7 +332,7 @@ export default {
.bg{
margin: 0;
width: 100%;
height: 450px;
height: 20rem !important;
}
}
}
@ -320,6 +348,9 @@ export default {
flex-direction: column;
li {
width: 100%;
img {
height: 20rem;
}
}
}
.news{
@ -330,7 +361,7 @@ export default {
flex-direction: column;
img{
width: 100%;
height: 200px;
height: 12rem;
}
.texts{
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>

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>

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

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

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

@ -491,7 +491,7 @@ export default {
}
.text {
font-size: 3.42rem;
font-size: 3rem;
font-weight: 600;
@include ellipsis;
}
@ -521,7 +521,7 @@ export default {
}
.article-wrap {
width: 78%;
width: 100%;
}
.switch {
@ -740,7 +740,7 @@ export default {
}
.pic {
width: 46%;
width: 35%;
height: 244px;
}
}
@ -914,7 +914,8 @@ export default {
}
.pic {
width: 100%;
width: 95%;
margin: 0 atuo;
}
}
}
@ -926,6 +927,16 @@ export default {
@media (min-width: 280px) and (max-width: 750px) {
.banner {
height: 15rem !important;
img {
height: 15rem !important;
}
.texts {
top: 6rem;
left: 3rem;
}
}
.article {
.columns {
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>

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>

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>

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -85,6 +85,18 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.block-pic {
transition: .3s;
&.br {
@ -151,6 +163,23 @@ export default {
}
}
@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{
padding: 50px 0;
.inner {
@ -162,19 +191,19 @@ export default {
margin-bottom: 30px;
}
.block-pic{
height: 450px;
height: 15rem;
}
}
.list{
li {
margin-top: 20px;
.pic{
width: 100%;height: 450px;
width: 100%;height: 25rem;
}
.texts{
padding: 10px;
width: 70%;
top: 80px;
top: 2rem;
height: auto;
left: 24%;
}

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -93,6 +93,17 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.station {
h6 {
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>

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

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

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

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

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -100,6 +100,17 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.inner {
padding-top: 35px;
}
@ -170,6 +181,20 @@ export default {
}
}
@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{
width: 95%;
.list{
@ -177,13 +202,19 @@ export default {
margin-top: 20px;
.pic {
width: 100%;
height: 500px;
height: 25rem !important;
}
.texts {
padding: 20px 10px 10px ;
padding: 10px 5px 10px !important;
top: 30px;
height: auto;
h6{
font-size: 2rem;
font-size: 1.5rem !important;
}
p {
font-size: 1rem;
margin: 5px 0 !important;
line-height: 1.5rem;
}
.sub{
margin: 10px 0;

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -100,6 +100,17 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.inner {
padding-top: 35px;
}
@ -167,6 +178,21 @@ export default {
}
@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{
width: 95%;
.list{
@ -174,13 +200,19 @@ export default {
margin-top: 20px;
.pic {
width: 100%;
height: 500px;
height: 25rem !important;
}
.texts {
padding: 20px 10px 10px ;
padding: 10px 5px 10px !important;
top: 30px;
height: auto;
h6{
font-size: 2rem;
font-size: 1.5rem !important;
}
p {
font-size: 1rem;
margin: 5px 0 !important;
line-height: 1.5rem;
}
.sub{
margin: 10px 0;

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

@ -100,4 +100,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>

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

@ -128,6 +128,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>

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

@ -104,4 +104,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>

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

@ -1,6 +1,6 @@
<template>
<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">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]" @click="openLink(item)">
@ -94,6 +94,17 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import "../../styles/page/page.scss";
.wrap{
/deep/ .el-carousel {
height: 30rem;
.el-carousel__container{
height: 30rem;
}
img{
height: 30rem;
}
}
}
.area {
display: flex;
li {
@ -240,6 +251,17 @@ export default {
}
@media (min-width: 280px) and (max-width: 750px) {
.wrap{
/deep/ .el-carousel {
height: 18rem;
.el-carousel__container{
height: 18rem;
}
img{
height: 18rem;
}
}
}
.block{
padding: 50px 0;
.intro {
@ -248,7 +270,7 @@ export default {
.area{
flex-direction: column;
li{
width: 95%;margin: 0 auto;
width: 95%;margin: 1.25rem auto;
}
}
.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>

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

@ -701,7 +701,7 @@ export default {
position: relative;
width: 550px;
// min-width: 550px;
height: 550px;
height: 360px;
margin-right: 20px;
cursor: pointer;
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>

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

@ -33,7 +33,7 @@
<div class="style">
<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">
<el-carousel-item v-if="item.isEnable" :key="i">
<div class="item" @click="openLink(item)">
@ -171,6 +171,8 @@ export default {
}
}
.style {
width: 90%;
margin: 0 auto;
h6 {
margin-bottom: 59px;
font-size: 2.4rem;

2
src/setting.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save