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