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