Skip to content

phsl / client

Go to a project
Commit 9144375f by 孙美琪
Options

首页修改

parent 11b298ab
Showing with 151 additions and 22 deletions
src/views/index-copy.vue
......@@ -28,6 +28,7 @@
<div class="new-block">
<img v-if="index=== 0" class="resourceLogo" src="@/assets/images/indexImg/resource0-1.png" alt="">
<img v-if="index=== 1" class="resourceLogo" src="@/assets/images/indexImg/resource0-2.png" alt="">
<img v-if="index=== 2" class="resourceLogo" src="@/assets/images/indexImg/resource0-3.png" alt="">
<div class="new-block-details">
<div class="details-introduce">
<span>{{ i.title }}</span>
......@@ -36,7 +37,11 @@
<div class="present">{{ i.present }}</div>
</div>
</div>
<div class="particulars">
<div v-if="index === 2" class="view-more-text"
@click="$router.push('/partnership/partnershipList')">
查看更多
</div>
<div class="particulars" v-if="index !== 2">
<el-row :gutter="24">
<el-col class="resource-col" :span="8" v-for="x in i.assemblyData" :key="i"
@click="i.id === 1? $router.push(x.router):openAssembly(x)"
......@@ -52,25 +57,38 @@
</div>
</div>
<div class="partners">
<div class="title">
生态合作伙伴
</div>
<div class="desc">助力各类“AI+”创新应用，推进企业算力生态建设，促进科创产业集聚发展</div>
<el-button class="view-more-btn" @click="$router.push('/partnership/partnershipList')">查看更多
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
<div class="block">
<div class="block-title" style="margin-bottom: 50px">
<!-- <div class="partners">-->
<!-- <div class="title">-->
<!-- 生态合作伙伴-->
<!-- </div>-->
<!-- <div class="desc">助力各类“AI+”创新应用，推进企业算力生态建设，促进科创产业集聚发展</div>-->
<!-- <el-button class="view-more-btn" @click="$router.push('/partnership/partnershipList')">查看更多-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
<!-- </div>-->
<!-- <div class="partners">-->
<!-- <div class="title">-->
<!-- 生态合作伙伴-->
<!-- </div>-->
<!-- <div class="desc">助力各类“AI+”创新应用，推进企业算力生态建设，促进科创产业集聚发展</div>-->
<!-- <el-button class="view-more-btn" @click="$router.push('/partnership/partnershipList')">查看更多-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
<!-- </div>-->
<div class="block" style="padding-top: 70px;">
<div style="width: calc(100% - 214px);margin: 0 auto;position: relative;padding-bottom: 50px;">
<div class="block-title" style="margin-bottom: 50px;z-index: 3 !important;">
<div class="bg-text">INFORMATION</div>
活动资讯
</div>
<div class="flex flex-justify-center">
<el-row :gutter="24">
<el-row :gutter="24" style="z-index: 2;">
<el-col :span="12">
<!--<div class="block-sub-title">活动时间待定，活动内容待定，活动礼品自带</div>-->
<div class="information" style="margin-right: 182px">
......@@ -109,7 +127,7 @@
</el-col>
</el-row>
</div>
<div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px">
<div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px;z-index: 3 !important;">
<el-button class="view-more-btn" @click="$router.push('/information/informationList')">更多资讯
<el-icon>
<ArrowRight/>
......@@ -117,6 +135,62 @@
</el-button>
</div>
</div>
<!-- <img class="block-light" src="@/assets/images/indexImg/glow3.png" alt=""/>-->
</div>
<!-- <div class="block" style="padding-top: 70px;">-->
<!-- <div class="block-title" style="margin-bottom: 50px">-->
<!-- <div class="bg-text">INFORMATION</div>-->
<!-- 活动资讯-->
<!-- </div>-->
<!-- <div class="flex flex-justify-center">-->
<!-- <el-row :gutter="24">-->
<!-- <el-col :span="12">-->
<!-- &lt;!&ndash;<div class="block-sub-title">活动时间待定，活动内容待定，活动礼品自带</div>&ndash;&gt;-->
<!-- <div class="information" style="margin-right: 182px">-->
<!-- <div class="information-item"-->
<!-- @click="$router.push('/information/informationDetail?id='+informationMainData.id)">-->
<!-- <div class="flex">-->
<!-- <div class="date">-->
<!-- <div class="month-day">{{ informationMainData.month }}/{{ informationMainData.month }}</div>-->
<!-- <div class="year">{{ informationMainData.year }}</div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <div class="title">{{ informationMainData.title }}</div>-->
<!-- <div class="content" v-html="informationMainData.description">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <img :src="baseUrl + informationMainData.image" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <div>-->
<!-- <div v-for="item in informationData" :key="item.id" class="information-item flex"-->
<!-- @click="$router.push('/information/informationDetail?id='+item.id)">-->
<!-- <div class="date">-->
<!-- <div class="month-day">{{ item.month }}/{{ item.month }}</div>-->
<!-- <div class="year">{{ item.year }}</div>-->
<!-- </div>-->
<!-- <div class="right">-->
<!-- <div class="title">{{ item.title }}</div>-->
<!-- <div class="content" v-html="item.description">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- <div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px">-->
<!-- <el-button class="view-more-btn" @click="$router.push('/information/informationList')">更多资讯-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
<!-- </div>-->
<!-- </div>-->
<div class="footer">先进计算科技有限公司 沪ICP备18000749号-2</div>
</div>
......@@ -160,6 +234,13 @@ const list = ref([
titleEH: '/APPLICATION',
present: '集成机器学习、深度学习、自然语言处理、图像识别等先进技术，为金融、医疗、教育、零售、制造业等多个领域提供智能化解决方案。',
assemblyData: []
},
{
id: 3,
title: '生态合作伙伴',
titleEH: '/PARTNER',
present: '助力各类“AI+”创新应用，推进企业算力生态建设，促进科创产业集聚发展',
assemblyData: []
}
])
......@@ -211,6 +292,17 @@ function openAssembly(data) {
background: url("@/assets/images/indexImg/bg-1.png") no-repeat;
//background-color: rgba(153, 155, 163);
padding-bottom: 100px;
margin-bottom: -2px;
}
.view-more-text {
position: sticky;
text-align: center;
font-size: 20px;
color: #000000;
cursor: pointer;
padding-bottom: 60px;
z-index: 2 !important;
}
.new-block {
......@@ -268,13 +360,21 @@ function openAssembly(data) {
.light {
position: absolute;
z-index: 1 !important;
z-index: 1;
width: 100%;
left: 0;
top: 12%;
}
}
.block-light {
position: absolute;
z-index: 1 !important;
width: auto;
left: 0;
top: -20px;
}
.particulars {
width: calc(100% - 240px);
margin: 0 auto;
......@@ -346,8 +446,10 @@ function openAssembly(data) {
.block {
//width: 1280px;
width: calc(100% - 214px);
background: url("@/assets/images/indexImg/bg-5.png") no-repeat;
//width: calc(100% - 214px);
margin: 0 auto;
z-index: 4 !important;
}
.block-title {
......@@ -357,6 +459,7 @@ function openAssembly(data) {
line-height: 60px;
text-align: center;
position: relative;
z-index: 3 !important;
.bg-text {
position: absolute;
......@@ -383,6 +486,7 @@ function openAssembly(data) {
border-radius: 2px;
height: 40px;
color: #303233;
z-index: 2 !important;
}
.resource-item {
......@@ -473,7 +577,7 @@ function openAssembly(data) {
//}
//
//&.application-item-3 {
// background: url("@/assets/images/application-3.png") no-repeat center center / cover;
// background: url("@/assets/images/application-bg-5.png") no-repeat center center / cover;
//}
.title {
......@@ -493,7 +597,7 @@ function openAssembly(data) {
flex-direction: column;
align-items: center;
justify-content: center;
background: url("@/assets/images/partners.png") no-repeat center center / cover;
background: url("@/assets/images/indexImg/bg-1.png") no-repeat;
.title {
font-weight: bold;
......@@ -511,6 +615,31 @@ function openAssembly(data) {
}
}
//.partners {
// height: 434px;
// margin-bottom: 65px;
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: center;
// background: url("@/assets/images/partners.png") no-repeat center center / cover;
//
// .title {
// font-weight: bold;
// font-size: 34px;
// color: #303233;
// margin-bottom: 20px;
// }
//
// .desc {
// font-weight: 400;
// font-size: 14px;
// color: #7e8080;
// margin-bottom: 40px;
// line-height: 1.8;
// }
//}
//.information-right {
// //flex: 1;
// padding-right: 210px;
......
src/views/index.vue
......@@ -360,7 +360,7 @@ function openAssembly(data) {
//}
//
//&.application-item-3 {
// background: url("@/assets/images/application-3.png") no-repeat center center / cover;
// background: url("@/assets/images/application-bg-5.png") no-repeat center center / cover;
//}
.title {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment