wangrongrong
4 years ago
17 changed files with 583 additions and 466 deletions
@ -1,302 +0,0 @@ |
|||||
<!-- |
|
||||
Copyright (c) 2020. |
|
||||
author: bin |
|
||||
email: binbin0314@126.com |
|
||||
--> |
|
||||
<template> |
|
||||
<div> |
|
||||
<rotation /> |
|
||||
<div class="inner"> |
|
||||
<a-row> |
|
||||
<a-col :span="24"> |
|
||||
<a-row> |
|
||||
<a-col :key="platform.id" :span="6" v-for="platform in platforms"> |
|
||||
<div @click="$router.push(platform.path)" class="mr-4 d-flex pointer"> |
|
||||
<div class="server-box d-flex fill-width"> |
|
||||
<img :src="platform.url" style="width:100%" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</a-col> |
|
||||
<a-col :span="6" style="color: #13acc4;font-size: 24px;padding-left: 15px;"> |
|
||||
<p @click="showIntro" class="pointer"> |
|
||||
服务需求 |
|
||||
<span>>>></span> |
|
||||
</p> |
|
||||
<p @click="$router.push('/Challenge/Solicitation')" class="pointer"> |
|
||||
创新挑战 |
|
||||
<span>>>></span> |
|
||||
</p> |
|
||||
</a-col> |
|
||||
</a-row> |
|
||||
<a-row class="mt-4"> |
|
||||
<a-col :key="server.id" :span="6" v-for="server in services"> |
|
||||
<div @click="$router.push(server.path)" class="mr-4 d-flex pointer"> |
|
||||
<div class="server-box d-flex fill-width" id="hy-news"> |
|
||||
<img :src="server.url" style="width:100%" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</a-col> |
|
||||
<a-col |
|
||||
:span="6" |
|
||||
:style="{ height: height + 'px' }" |
|
||||
class="hd-news" |
|
||||
style="overflow: hidden" |
|
||||
> |
|
||||
<div class="white d-flex flex-column justify-center"> |
|
||||
<index-new-list :i="1" :lists="lists" /> |
|
||||
</div> |
|
||||
</a-col> |
|
||||
</a-row> |
|
||||
<a-row class="mt-4 flex-1"> |
|
||||
<a-col :span="12"> |
|
||||
<div class="white d-flex flex-column justify-center mr-4"> |
|
||||
<index-new-list :i="0" :lists="lists" /> |
|
||||
</div> |
|
||||
</a-col> |
|
||||
<a-col :span="12"> |
|
||||
<div class="white d-flex flex-column justify-center"> |
|
||||
<index-new-list :i="2" :lists="lists" /> |
|
||||
</div> |
|
||||
</a-col> |
|
||||
</a-row> |
|
||||
</a-col> |
|
||||
</a-row> |
|
||||
</div> |
|
||||
<service-demand :model-intro="modelIntro" :source="source" ref="child" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { mapState, mapActions } from 'vuex'; |
|
||||
import Rotation from 'components/Rotation/Rotation.vue'; |
|
||||
import IndexNewList from 'components/Index/IndexNewList.vue'; |
|
||||
import { frontSearchFriend, frontSearchCompany } from 'config/api'; |
|
||||
import ServiceDemand from 'components/ServiceDemand/ServiceDemand.vue'; |
|
||||
|
|
||||
export default { |
|
||||
components: { Rotation, IndexNewList, ServiceDemand }, |
|
||||
data() { |
|
||||
return { |
|
||||
platforms: [ |
|
||||
{ |
|
||||
id: '04', |
|
||||
path: '/NewPlatform/NewCore', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/04.png', |
|
||||
}, |
|
||||
{ |
|
||||
id: '05', |
|
||||
path: '/IncubationPlatform/MakerSpace', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/05.png', |
|
||||
}, |
|
||||
{ |
|
||||
id: '06', |
|
||||
path: '/Industry/Products', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/06.png', |
|
||||
}, |
|
||||
], |
|
||||
services: [ |
|
||||
{ |
|
||||
id: '01', |
|
||||
chinese: '创新服务', |
|
||||
english: 'INNOVATIVE', |
|
||||
path: '/NewPlatform/NewService', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/01.png', |
|
||||
}, |
|
||||
{ |
|
||||
id: '02', |
|
||||
chinese: '创业服务', |
|
||||
english: 'INCUBATION', |
|
||||
path: '/IncubationPlatform/Services', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/02.png', |
|
||||
}, |
|
||||
{ |
|
||||
id: '03', |
|
||||
chinese: '产业服务', |
|
||||
english: 'INDUSTRIAL', |
|
||||
path: '/Industry/Serve', |
|
||||
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/2021-07-06/03.png', |
|
||||
}, |
|
||||
], |
|
||||
lists: [ |
|
||||
{ |
|
||||
id: 1, |
|
||||
name: '行业资讯', |
|
||||
news: [], |
|
||||
}, |
|
||||
{ |
|
||||
id: 2, |
|
||||
name: '活动公告', |
|
||||
news: [], |
|
||||
}, |
|
||||
{ |
|
||||
id: 3, |
|
||||
name: '企业简报', |
|
||||
news: [], |
|
||||
}, |
|
||||
], |
|
||||
height: 150, |
|
||||
timer: null, |
|
||||
modelIntro: '', |
|
||||
source: 'index', |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
computed: mapState('home', ['actList', 'actIpCon', 'actCurrent']), |
|
||||
|
|
||||
created() { |
|
||||
this.getData1(); |
|
||||
this.getData2(); |
|
||||
this.getIndustryInfoLists(); |
|
||||
this.getFrontListInfoLists(); |
|
||||
}, |
|
||||
|
|
||||
mounted() { |
|
||||
var oDiv = document.getElementById('hy-news'); |
|
||||
if (!oDiv.offsetHeight || oDiv.offsetHeight === 0) { |
|
||||
this.timer = setInterval(() => { |
|
||||
oDiv = document.getElementById('hy-news'); |
|
||||
if (oDiv.offsetHeight) { |
|
||||
this.height = oDiv.offsetHeight; |
|
||||
this.getFrontLists(); |
|
||||
} |
|
||||
}, 1000); |
|
||||
} else { |
|
||||
this.height = oDiv.offsetHeight; |
|
||||
this.getFrontLists(); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
...mapActions('home', ['getIndustryInfoList', 'getFrontList', 'getFrontInfoList']), |
|
||||
|
|
||||
// 查询衍生企业 |
|
||||
async getData1() { |
|
||||
const params = { |
|
||||
param: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 5, |
|
||||
type: 1, |
|
||||
typeOfPlatform: 1, |
|
||||
}, |
|
||||
}; |
|
||||
const res = await frontSearchFriend(params); |
|
||||
const { data, code, msg } = res.data; |
|
||||
if (code === 200) { |
|
||||
// console.log(data); |
|
||||
} else { |
|
||||
// console.log(msg); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 查询合作伙伴 |
|
||||
async getData2() { |
|
||||
const params = { |
|
||||
param: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 5, |
|
||||
type: 2, |
|
||||
typeOfPlatform: 2, |
|
||||
}, |
|
||||
}; |
|
||||
const res = await frontSearchCompany(params); |
|
||||
const { data, code, msg } = res.data; |
|
||||
if (code === 200) { |
|
||||
// console.log(data); |
|
||||
} else { |
|
||||
// console.log(msg); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 获取行业资讯列表 |
|
||||
async getIndustryInfoLists() { |
|
||||
const params = { |
|
||||
param: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 3, |
|
||||
}, |
|
||||
}; |
|
||||
const res = await this.getIndustryInfoList(params); |
|
||||
this.lists[0].news = res.list; |
|
||||
}, |
|
||||
|
|
||||
// 获取企业简报列表 |
|
||||
async getFrontListInfoLists() { |
|
||||
const params = { |
|
||||
param: { |
|
||||
pageNum: 1, |
|
||||
pageSize: 3, |
|
||||
}, |
|
||||
}; |
|
||||
const res = await this.getFrontInfoList(params); |
|
||||
this.lists[2].news = res.list; |
|
||||
}, |
|
||||
|
|
||||
// 获取活动公告列表 |
|
||||
async getFrontLists() { |
|
||||
clearInterval(this.timer); |
|
||||
const pageSize = parseInt((this.height - 76) / 40); |
|
||||
const params = { |
|
||||
param: { |
|
||||
activityType: [], |
|
||||
pageNum: 1, |
|
||||
pageSize, |
|
||||
title: '', |
|
||||
}, |
|
||||
}; |
|
||||
const res = await this.getFrontList(params); |
|
||||
this.lists[1].news = res.list; |
|
||||
}, |
|
||||
|
|
||||
// 打开服务需求 |
|
||||
showIntro() { |
|
||||
// this.$refs.child.showModel(); |
|
||||
this.modelIntro = '服务需求'; |
|
||||
this.$refs.child.setTypeDataId(0); |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
.inner { |
|
||||
margin: 20px auto; |
|
||||
} |
|
||||
|
|
||||
.platform-box { |
|
||||
width: 25%; |
|
||||
|
|
||||
.platform-txt { |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
|
|
||||
@media only screen and (max-width: 1400px) { |
|
||||
.platform-txt { |
|
||||
font-size: 12px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.platform-box div { |
|
||||
transition: all 0.2s ease 0s; |
|
||||
} |
|
||||
|
|
||||
.platform-box:hover div { |
|
||||
transform: translate(0, -3px); |
|
||||
} |
|
||||
|
|
||||
.server-box:hover img { |
|
||||
transform: translate(0, -3px); |
|
||||
} |
|
||||
|
|
||||
.server-box img { |
|
||||
transition: all 0.2s ease 0s; |
|
||||
} |
|
||||
|
|
||||
// .hy-news { |
|
||||
// height: 746px; |
|
||||
// } |
|
||||
|
|
||||
.hd-news { |
|
||||
background: white; |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,433 @@ |
|||||
|
<!-- |
||||
|
Copyright (c) 2020. |
||||
|
author: bin |
||||
|
email: binbin0314@126.com |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<rotation /> |
||||
|
<div class="inner"> |
||||
|
<a-row> |
||||
|
<a-col :span="24"> |
||||
|
<a-row class="d-flex justify-center"> |
||||
|
<a-col id="hy-news"> |
||||
|
<img src="./img/notice.png" /> |
||||
|
</a-col> |
||||
|
<a-col class="down-arrow d-flex flex-column-reverse"> |
||||
|
<a-button |
||||
|
@click="$router.push('/Activity')" |
||||
|
class="d-flex align-end font-16 baseColor pa-0" |
||||
|
style="display: inline-block" |
||||
|
type="link" |
||||
|
> |
||||
|
<img src="./img/bottom.png" style="width: 16px; height: 16px" /> |
||||
|
</a-button> |
||||
|
</a-col> |
||||
|
<a-col :span="6" :style="{ height: height + 'px' }" style="overflow: hidden"> |
||||
|
<div class="d-flex flex-row justify-center align-center"> |
||||
|
<index-new-list :i="1" :lists="lists" /> |
||||
|
</div> |
||||
|
</a-col> |
||||
|
<a-col class="up-arrow"> |
||||
|
<a-button |
||||
|
@click="$router.push('/Activity')" |
||||
|
class="d-flex align-end font-16 baseColor pa-0" |
||||
|
style="display: inline-block" |
||||
|
type="link" |
||||
|
> |
||||
|
<img src="./img/top.png" style="width: 16px; height: 16px" /> |
||||
|
</a-button> |
||||
|
</a-col> |
||||
|
</a-row> |
||||
|
<a-row class="demands d-flex justify-center"> |
||||
|
<a-col class="d-flex align-center"> |
||||
|
<div class="demand" @click="showIntro">需求征集</div> |
||||
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
||||
|
</a-col> |
||||
|
<a-col class="d-flex align-center"> |
||||
|
<div class="demand" @click="$router.push('/Challenge/Solicitation')">创新挑战</div> |
||||
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
||||
|
</a-col> |
||||
|
<a-col class="d-flex align-center"> |
||||
|
<div class="demand">交流社区</div> |
||||
|
<img src="./img/right.png" style="width: 7px; height: 10px; margin-right: 50px" /> |
||||
|
</a-col> |
||||
|
</a-row> |
||||
|
<div class="d-flex justify-space-between"> |
||||
|
<div :key="platform.id" style="width: 30%; min-width: 250px" v-for="platform in platforms"> |
||||
|
<div @click="$router.push(platform.path)" class="d-flex pointer"> |
||||
|
<div class="white server-box d-flex flex-column fill-width justify-center" style="padding: 15px"> |
||||
|
<div> |
||||
|
<img :src="platform.url" style="width: 50px; height: 50px; margin: 10px auto" /> |
||||
|
</div> |
||||
|
<p style="font-weight: bold">{{ platform.description }}</p> |
||||
|
<div class="descriptions d-flex flex-column justify-center"> |
||||
|
<p>{{ platform.descriptionOne }}</p> |
||||
|
<p>{{ platform.descriptionTow }}</p> |
||||
|
<p>{{ platform.descriptionThree }}</p> |
||||
|
<p>{{ platform.descriptionFour }}</p> |
||||
|
</div> |
||||
|
<div class="titles d-flex justify-center align-center"> |
||||
|
{{ platform.title }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex justify-space-between" style="margin-top: 80px"> |
||||
|
<div class="server" :key="server.id" style="width: 30%; min-width: 250px" v-for="server in services"> |
||||
|
<div class="server-box pointer d-flex fill-width flex-column" id="hy-news" @click="$router.push(server.path)"> |
||||
|
<div style="border-radius: 10px; overflow: hidden"> |
||||
|
<img class="d-flex justify-end flex-1" style="width: 100%" :src="server.url" /> |
||||
|
</div> |
||||
|
<div style="padding: 15px 0; font-weight: bold">{{ server.chinese }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<a-row class="d-flex justify-center"> |
||||
|
<a-col> |
||||
|
<div class="divider-text d-flex justify-center">绿谷动态</div> |
||||
|
<a-divider class="dividers">GREEN VALLER DYNAMICS</a-divider> |
||||
|
</a-col> |
||||
|
</a-row> |
||||
|
<a-row class="mt-4 flex-1"> |
||||
|
<a-col :span="12"> |
||||
|
<div class="white d-flex flex-column justify-center mr-4"> |
||||
|
<index-new-list :i="0" :lists="lists" /> |
||||
|
</div> |
||||
|
</a-col> |
||||
|
<a-col :span="12"> |
||||
|
<div class="white d-flex flex-column justify-center"> |
||||
|
<index-new-list :i="2" :lists="lists" /> |
||||
|
</div> |
||||
|
</a-col> |
||||
|
</a-row> |
||||
|
</a-col> |
||||
|
</a-row> |
||||
|
</div> |
||||
|
<service-demand :model-intro="modelIntro" :source="source" ref="child" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapState, mapActions } from 'vuex'; |
||||
|
import Rotation from 'components/Rotation/Rotation.vue'; |
||||
|
import IndexNewList from 'components/Index/IndexNewList.vue'; |
||||
|
import { frontSearchFriend, frontSearchCompany } from 'config/api'; |
||||
|
import ServiceDemand from 'components/ServiceDemand/ServiceDemand.vue'; |
||||
|
|
||||
|
export default { |
||||
|
components: { Rotation, IndexNewList, ServiceDemand }, |
||||
|
data() { |
||||
|
return { |
||||
|
platforms: [ |
||||
|
{ |
||||
|
id: '04', |
||||
|
path: '/NewPlatform/NewCore', |
||||
|
url: require('./img/creation.png'), |
||||
|
description: 'COLLABORATIVE ININOVATION', |
||||
|
descriptionOne: '依托“山西绿谷大健康协同创新研', |
||||
|
descriptionTow: '究院”和“功能食品与生物医药协同', |
||||
|
descriptionThree: '创新联盟”，在整合高校...', |
||||
|
title: '协同创作中心', |
||||
|
}, |
||||
|
{ |
||||
|
id: '05', |
||||
|
path: '/IncubationPlatform/MakerSpace', |
||||
|
url: require('./img/popularCreation.png'), |
||||
|
description: 'THE SPACE OF CREATION', |
||||
|
descriptionOne: '以建设专业化、市场化、网络化、品', |
||||
|
descriptionTow: '牌化双创孵化基地为目标，致力打造', |
||||
|
descriptionThree: '以公共技术服务平台为支撑，以创', |
||||
|
descriptionFour: '新创业服务为主导，以创新创业...', |
||||
|
title: '专业化众创空间', |
||||
|
}, |
||||
|
{ |
||||
|
id: '06', |
||||
|
path: '/Industry/Products', |
||||
|
url: require('./img/exhibition.png'), |
||||
|
description: 'PRODUCT DEMONSTRATION', |
||||
|
descriptionOne: '产品类目：', |
||||
|
descriptionTow: '功能食品 生物医药 数字健康', |
||||
|
title: '企业产品展示', |
||||
|
}, |
||||
|
], |
||||
|
services: [ |
||||
|
{ |
||||
|
id: '01', |
||||
|
chinese: '创新服务', |
||||
|
english: 'INNOVATIVE', |
||||
|
path: '/NewPlatform/NewService', |
||||
|
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/upload/20210818/726a3b5e63931f749943e91fb644ffa.jpg', |
||||
|
}, |
||||
|
{ |
||||
|
id: '02', |
||||
|
chinese: '孵化服务', |
||||
|
english: 'INCUBATION', |
||||
|
path: '/IncubationPlatform/Services', |
||||
|
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/upload/20210818/7195657085673f68a805bdc6298de2a.jpg', |
||||
|
}, |
||||
|
{ |
||||
|
id: '03', |
||||
|
chinese: '产业服务', |
||||
|
english: 'INDUSTRIAL', |
||||
|
path: '/Industry/Serve', |
||||
|
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/upload/20210818/5d3b846e13f7a3d534b8f86f36ed0e0.jpg', |
||||
|
}, |
||||
|
], |
||||
|
lists: [ |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: '行业资讯', |
||||
|
news: [], |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
name: '活动公告', |
||||
|
news: [], |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, |
||||
|
name: '企业简报', |
||||
|
news: [], |
||||
|
}, |
||||
|
], |
||||
|
height: 150, |
||||
|
timer: null, |
||||
|
modelIntro: '', |
||||
|
source: 'index', |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: mapState('home', ['actList', 'actIpCon', 'actCurrent']), |
||||
|
|
||||
|
created() { |
||||
|
this.getData1(); |
||||
|
this.getData2(); |
||||
|
this.getIndustryInfoLists(); |
||||
|
this.getFrontListInfoLists(); |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
var oDiv = document.getElementById('hy-news'); |
||||
|
if (!oDiv.offsetHeight || oDiv.offsetHeight === 0) { |
||||
|
this.timer = setInterval(() => { |
||||
|
oDiv = document.getElementById('hy-news'); |
||||
|
if (oDiv.offsetHeight) { |
||||
|
this.height = oDiv.offsetHeight; |
||||
|
this.getFrontLists(); |
||||
|
} |
||||
|
}, 1000); |
||||
|
} else { |
||||
|
this.height = oDiv.offsetHeight; |
||||
|
this.getFrontLists(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
...mapActions('home', ['getIndustryInfoList', 'getFrontList', 'getFrontInfoList']), |
||||
|
|
||||
|
// 查询衍生企业 |
||||
|
async getData1() { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 5, |
||||
|
type: 1, |
||||
|
typeOfPlatform: 1, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await frontSearchFriend(params); |
||||
|
const { data, code, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
// console.log(data); |
||||
|
} else { |
||||
|
// console.log(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 查询合作伙伴 |
||||
|
async getData2() { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 5, |
||||
|
type: 2, |
||||
|
typeOfPlatform: 2, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await frontSearchCompany(params); |
||||
|
const { data, code, msg } = res.data; |
||||
|
if (code === 200) { |
||||
|
// console.log(data); |
||||
|
} else { |
||||
|
// console.log(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 获取行业资讯列表 |
||||
|
async getIndustryInfoLists() { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 3, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await this.getIndustryInfoList(params); |
||||
|
this.lists[0].news = res.list; |
||||
|
}, |
||||
|
|
||||
|
// 获取企业简报列表 |
||||
|
async getFrontListInfoLists() { |
||||
|
const params = { |
||||
|
param: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 3, |
||||
|
}, |
||||
|
}; |
||||
|
const res = await this.getFrontInfoList(params); |
||||
|
this.lists[2].news = res.list; |
||||
|
}, |
||||
|
|
||||
|
// 获取活动公告列表 |
||||
|
async getFrontLists() { |
||||
|
clearInterval(this.timer); |
||||
|
const pageSize = parseInt((this.height - 76) / 40); |
||||
|
const params = { |
||||
|
param: { |
||||
|
activityType: [], |
||||
|
pageNum: 1, |
||||
|
pageSize, |
||||
|
title: '', |
||||
|
}, |
||||
|
}; |
||||
|
const res = await this.getFrontList(params); |
||||
|
this.lists[1].news = res.list; |
||||
|
console.log(this.lists[1].news); |
||||
|
}, |
||||
|
|
||||
|
// 打开服务需求 |
||||
|
showIntro() { |
||||
|
// this.$refs.child.showModel(); |
||||
|
this.modelIntro = '服务需求'; |
||||
|
this.$refs.child.setTypeDataId(0); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.inner { |
||||
|
margin: 20px auto; |
||||
|
} |
||||
|
|
||||
|
.down-arrow { |
||||
|
margin: 30px; |
||||
|
} |
||||
|
.up-arrow { |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.demands { |
||||
|
margin: 20px auto 50px auto; |
||||
|
} |
||||
|
|
||||
|
.demand { |
||||
|
margin-right: 15px; |
||||
|
color: #13acc4; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.descriptions { |
||||
|
font-size: 12px; |
||||
|
height: 170px; |
||||
|
} |
||||
|
|
||||
|
.titles { |
||||
|
background: #13acc4; |
||||
|
color: white; |
||||
|
width: 60%; |
||||
|
height: 54px; |
||||
|
font-size: 18px; |
||||
|
position: relative; |
||||
|
top: 35px; |
||||
|
left: 20%; |
||||
|
} |
||||
|
|
||||
|
.divider-text { |
||||
|
margin-top: 20px; |
||||
|
font-size: 22px; |
||||
|
color: #24bad1; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.dividers { |
||||
|
width: 500px; |
||||
|
} |
||||
|
/deep/.ant-divider-horizontal.ant-divider-with-text-center::before, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-left::before, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-right::before, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-center::after, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-left::after, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-right::after { |
||||
|
top: 25%; |
||||
|
border-top: 1px solid #99e7fa; |
||||
|
} |
||||
|
|
||||
|
/deep/.ant-divider-horizontal.ant-divider-with-text-center, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-left, |
||||
|
.ant-divider-horizontal.ant-divider-with-text-right { |
||||
|
margin: 0 auto 30px auto; |
||||
|
color: #9be3f5; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.platform-box { |
||||
|
width: 25%; |
||||
|
|
||||
|
.platform-txt { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
@media only screen and (max-width: 1400px) { |
||||
|
.platform-txt { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.platform-box div { |
||||
|
transition: all 0.2s ease 0s; |
||||
|
} |
||||
|
|
||||
|
.platform-box:hover div { |
||||
|
transform: translate(0, -3px); |
||||
|
} |
||||
|
|
||||
|
.server { |
||||
|
transition: all 0.2s ease 0s; |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.server:hover { |
||||
|
width: 33% !important; |
||||
|
} |
||||
|
|
||||
|
.server-box:hover { |
||||
|
transform: translate(0, -3px); |
||||
|
background: #c1e5ea; |
||||
|
} |
||||
|
|
||||
|
.server-box { |
||||
|
transition: all 0.2s ease 0s; |
||||
|
} |
||||
|
|
||||
|
.hy-news { |
||||
|
height: 746px; |
||||
|
} |
||||
|
|
||||
|
.hd-news { |
||||
|
background: white; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 959 B |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 954 B |
Loading…
Reference in new issue