Skip to content

phsl / client

Go to a project
Commit 165f0410 by 孙美琪
Options

行业应用添加查看更多

parent 013ae6f9
Showing with 76 additions and 103 deletions
src/views/index-copy.vue
......@@ -6,22 +6,6 @@
<img :src="baseUrl + item.image" alt="">
</el-carousel-item>
</el-carousel>
<!-- <div class="banner-text">-->
<!-- <div class="banner-left">-->
<!-- <div>开启先进计算<span>新时代</span></div>-->
<!-- <div>安全 / 便携 / 弹性 / 丰富 / 节约 / 高效</div>-->
<!-- </div>-->
<!-- <div class="banner-right">-->
<!-- <div class="text-right">-->
<!-- <div class="text-right-del">-->
<!-- <div>OPENING</div>-->
<!-- <div>UP BRILLIANCE</div>-->
<!-- </div>-->
<!-- <div class="exclamation-point">!</div>-->
<!-- </div>-->
<!-- <div class="text-bottom">THE <span>NEW ERA</span></div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="new-model">
<div class="model-box" v-for="(i,index) in list" :key="i">
......@@ -52,35 +36,15 @@
</div>
</el-col>
</el-row>
<div v-if="index === 1" class="view-more-text" style="margin-top: 40px;"
@click="$router.push('/componentServices/componentServicesList')">
查看更多
</div>
</div>
<img class="light" src="@/assets/images/indexImg/glow.png" alt=""/>
</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="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;position: relative;">
<div style="width: calc(100% - 214px);margin: 0 auto;padding-bottom: 10px;">
<div class="block-title" style="margin-bottom: 50px;z-index: 3 !important;">
......@@ -127,13 +91,7 @@
</el-col>
</el-row>
</div>
<!-- <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/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
<!-- </div>-->
<div class="view-more-text" style="padding-top: 40px;" @click="$router.push('/information/informationList')">
更多资讯
</div>
......@@ -141,59 +99,6 @@
<img class="block-light" src="@/assets/images/indexImg/glow5.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="content-footer">
<div class="content-detail">
<img src="@/assets/images/indexImg/content1.png" alt=""/>
......@@ -213,6 +118,17 @@
</div>
<div class="footer">先进计算科技有限公司 沪ICP备18000749号-2</div>
<el-dialog
v-model="dialogTableVisible"
style="width: 80% !important;"
:title="dialogTitle"
@close="handleDialogClose"
>
<div>
<iframe v-show="iframeShow" ref="iframe" :src="iframeSrc" width="100%" height="700px"></iframe>
</div>
</el-dialog>
</div>
</template>
......@@ -263,6 +179,10 @@ const list = ref([
assemblyData: []
}
])
const dialogTableVisible = ref(false)
const dialogTitle = ref('')
const iframeSrc = ref('')
const iframeShow = ref(false)
function getBanner() {
banner().then(res => {
......@@ -303,7 +223,20 @@ function getInformation() {
getInformation()
function openAssembly(data) {
window.open(data.url)
dialogTitle.value = data.title
iframeSrc.value = data.url
dialogTableVisible.value = true
iframeShow.value = true
}
function cancel() {
dialogTableVisible.value = false
iframeShow.value = false
}
// 关闭弹窗
function handleDialogClose() {
iframeSrc.value = null
}
function handleCarousel(url) {
......@@ -317,8 +250,8 @@ function handleCarousel(url) {
.new-model {
background: url("@/assets/images/indexImg/bg-1.png") no-repeat center center / 100%;
//background-color: rgba(153, 155, 163);
padding-bottom: 150px;
margin-bottom: -3px;
padding-bottom: 90px;
margin-bottom: -2px;
}
.view-more-text {
......@@ -886,5 +819,45 @@ function handleCarousel(url) {
margin-bottom: 20px;
}
}
.iframe-container {
position: absolute;
top: 10%;
left: 6%;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
}
:deep(.el-dialog__body) {
padding-top: unset !important;
}
.el-tabs {
--el-border-color-light: #2E77E3;
--el-tabs-header-height: 48px;
:deep(.el-tabs__content) {
overflow: visible
}
:deep(.el-tabs__active-bar) {
display: none;
}
:deep(.el-tabs__item) {
--el-font-size-base: 16px;
padding-left: 24px !important;
padding-right: 24px !important;
&.is-active {
color: #ffffff;
background-color: #2E77E3;
}
}
}
</style>
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