Browse Source

首页页面修改

master
wangrongrong 4 years ago
parent
commit
48daca2d15
  1. 2
      src/components/Index/IndexNewList.vue
  2. 61
      src/views/FirstPages/FirstPage.vue

2
src/components/Index/IndexNewList.vue

@ -63,7 +63,7 @@
<div @click="jumpDetails(item, i)" class="d-flex flex-nowrap" style="cursor: pointer">
<div class="d-flex flex-row justify-center align-center" style="margin-bottom: 5px">
<div class="original"></div>
<div class="item-title" style="font-size: 12px; color: #a8a8a8">{{ item.title }}</div>
<div class="item-title" style="margin: 5px; font-size: 20px; color: gray">{{ item.title }}</div>
<!-- <div class="item-content" v-if="i === 1">
<span v-dompurify-html="item.intro"></span>
</div> -->

61
src/views/FirstPages/FirstPage.vue

@ -10,21 +10,11 @@
<a-row>
<a-col :span="24">
<a-row class="d-flex justify-center">
<a-col id="hy-news">
<a-col id="hy-news" style="padding-right: 30px">
<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">
<a-col :span="6" :style="{ height: height + 'px' }" style="overflow: hidden; padding-left: 50px">
<div class="d-flex flex-row justify-center align-center" style="font-size: 26px">
<index-new-list :i="1" :lists="lists" />
</div>
</a-col>
@ -32,40 +22,40 @@
<a-button
@click="$router.push('/Activity')"
class="d-flex align-end font-16 baseColor pa-0"
style="display: inline-block"
style="display: inline-block; font-size: 12px; padding-top: 15px"
type="link"
>
<img src="./img/top.png" style="width: 16px; height: 16px" />
更多
<img src="./img/right.png" style="width: 7px; height: 10px; margin: 0 10px" />
</a-button>
</a-col>
</a-row>
<a-row class="demands d-flex justify-center">
<a-row class="demands d-flex justify-space-between" style="width: 500px">
<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" />
<img src="./img/right.png" style="width: 7px; height: 10px" />
</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" />
<img src="./img/right.png" style="width: 7px; height: 10px" />
</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" />
<img src="./img/right.png" style="width: 7px; height: 10px" />
</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 class="white server-box d-flex flex-column fill-width justify-center" style="padding: 15px; height: 300px">
<div>
<img :src="platform.url" style="width: 50px; height: 50px; margin: 10px auto" />
</div>
<p style="font-weight: bold">{{ platform.description }}</p>
<p style="font-weight: bold; font-size: 20px">{{ 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 }}
@ -80,7 +70,7 @@
<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 style="padding: 15px 0; font-weight: bold; font-size: 20px">{{ server.chinese }}</div>
</div>
</div>
</div>
@ -126,9 +116,9 @@ export default {
path: '/NewPlatform/NewCore',
url: require('./img/creation.png'),
description: 'COLLABORATIVE ININOVATION',
descriptionOne: '依托“山西绿谷大健康协同创新研',
descriptionTow: '究院”和“功能食品与生物医药协同',
descriptionThree: '创新联盟”,在整合高校...',
descriptionOne: '依托新发机构和技术创新中心',
descriptionTow: '搭建科技开放、技术转移转化',
descriptionThree: '科技人才团队平台',
title: '协同创作中心',
},
{
@ -136,10 +126,10 @@ export default {
path: '/IncubationPlatform/MakerSpace',
url: require('./img/popularCreation.png'),
description: 'THE SPACE OF CREATION',
descriptionOne: '以建设专业化、市场化、网络化、品',
descriptionTow: '牌化双创孵化基地为目标,致力打造',
descriptionThree: '以公共技术服务平台为支撑,以创',
descriptionFour: '新创业服务为主导,以创新创业...',
descriptionOne: '本众创空间以建设专业化、',
descriptionTow: '市场化、网络化、品牌化双创孵化基地为目标,',
descriptionThree: '致力打造专业化开放式创新创业孵化平台',
// descriptionFour: '...',
title: '专业化众创空间',
},
{
@ -147,8 +137,9 @@ export default {
path: '/Industry/Products',
url: require('./img/exhibition.png'),
description: 'PRODUCT DEMONSTRATION',
descriptionOne: '产品类目:',
descriptionTow: '功能食品 生物医药 数字健康',
descriptionOne: '为入驻创业团队提供第三方服务介绍,',
descriptionTow: '定期举办各种路演活动,',
descriptionThree: '提高多元化的服务。',
title: '企业产品展示',
},
],
@ -162,7 +153,7 @@ export default {
},
{
id: '02',
chinese: '孵化服务',
chinese: '创业服务',
english: 'INCUBATION',
path: '/IncubationPlatform/Services',
url: 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads/upload/20210818/7195657085673f68a805bdc6298de2a.jpg',
@ -334,11 +325,11 @@ export default {
.demand {
margin-right: 15px;
color: #13acc4;
font-size: 16px;
font-size: 24px;
}
.descriptions {
font-size: 12px;
font-size: 14px;
height: 170px;
}

Loading…
Cancel
Save