Skip to content

phsl / client

Go to a project
Commit 10d5456e by 赵月辉
Options

完成合作伙伴，资讯静态页面

parent 551d355a
Showing with 564 additions and 12 deletions
src/router/index.js
...@@ -75,9 +75,10 @@ export const constantRoutes = [ ...@@ -75,9 +75,10 @@ export const constantRoutes = [
{ {
path: '/computingResource', path: '/computingResource',
component: UserLayout, component: UserLayout,
meta: {title: '计算资源'},
children: [ children: [
{ {
path: 'resourceList', path: 'resourceList/:type(\\d+)',
component: () => import('@/views/computingResource/resourceList.vue'), component: () => import('@/views/computingResource/resourceList.vue'),
name: 'ResourceList', name: 'ResourceList',
meta: {title: '计算资源'} meta: {title: '计算资源'}
...@@ -115,6 +116,49 @@ export const constantRoutes = [ ...@@ -115,6 +116,49 @@ export const constantRoutes = [
] ]
}, },
{ {
path: '/componentServices',
component: UserLayout,
children: [
{
path: 'componentServicesList',
component: () => import('@/views/componentServices/list.vue'),
name: 'ComponentServicesList',
meta: {title: '组件服务'}
},
]
},
{
path: '/partnership',
component: UserLayout,
children: [
{
path: 'partnershipList',
component: () => import('@/views/partnership/list.vue'),
name: 'PartnershipList',
meta: {title: '合作伙伴'}
},
]
},
{
path: '/information',
component: UserLayout,
meta: {title: '活动资讯'},
children: [
{
path: 'informationList',
component: () => import('@/views/information/list.vue'),
name: 'InformationList',
meta: {title: '活动资讯列表'}
},
{
path: 'informationDetail',
component: () => import('@/views/information/detail.vue'),
name: 'InformationDetail',
meta: {title: '活动资讯详情'}
},
]
},
{
path: '/user', path: '/user',
component: Layout, component: Layout,
hidden: true, hidden: true,
......
src/views/componentServices/list.vue 0 → 100644
<template>
<div class="app-container">
<div style="width: 1280px;margin: 0 auto">
<el-row :gutter="24">
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="item flex">
<img src="@/assets/images/temporary-icon.png" alt="">
<div>
<div class="title">标普信息</div>
<p>政务数据应用</p>
<el-button type="primary" link>查看详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script setup name="ComponentServicesList">
</script>
<style scoped lang="scss">
.app-container {
min-height: 100%;
padding-top: 30px;
background-color: #F7F8F9;
}
.item {
height: 168px;
background: #FBFCFE;
border-radius: 3px;
border: 1px solid #D8D9DB;
padding: 24px;
margin-bottom: 24px;
.title {
font-weight: bold;
font-size: 20px;
color: #303233;
}
p {
font-weight: 400;
font-size: 16px;
color: #626566;
margin-top: 5px;
margin-bottom: 40px;
}
img {
width: 64px;
height: 64px;
object-fit: cover;
margin-right: 24px;
}
}
</style>
src/views/industryApplications/detail.vue
<template> <template>
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>行业应用</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="app-container"> <div class="app-container">
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>行业应用</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="block-title">行业概述</div> <div class="block-title">行业概述</div>
<div class="content">图文内容</div> <div class="content">图文内容</div>
...@@ -68,7 +67,7 @@ ...@@ -68,7 +67,7 @@
</div> </div>
</template> </template>
<script setup> <script setup name="Detail">
</script> </script>
...@@ -144,7 +143,8 @@ ...@@ -144,7 +143,8 @@
color: #626566; color: #626566;
margin-bottom: 22px; margin-bottom: 22px;
} }
.el-button{
.el-button {
border-radius: 2px; border-radius: 2px;
} }
} }
......
src/views/information/detail.vue 0 → 100644
<template>
<div class="app-container">
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>活动资讯</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="main">
<div class="title">让算力更好地服务您！超聚变国际2024技术峰会暨伙伴大会成功举行</div>
<div class="time">2024/3/24</div>
<el-divider/>
<div class="content"></div>
</div>
</div>
</template>
<script setup name="InformationDetail">
</script>
<style scoped lang="scss">
.breadcrumb {
background-color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px;
> div {
width: 1280px;
margin: 0 auto;
}
:deep(.el-breadcrumb__item) {
&:last-child .el-breadcrumb__inner {
color: #222222;
}
}
}
.app-container {
background-color: #F7F8F9;
padding: 0 0 90px;
min-height: 100%;
}
.main {
width: 1280px;
margin: 24px auto 0 auto;
padding: 40px 80px;
background-color: #FFFFFF;
}
.title {
font-weight: bold;
font-size: 40px;
color: #303233;
margin-bottom: 15px;
}
.time {
font-weight: 400;
font-size: 14px;
color: #C8CBCC;
}
</style>
src/views/information/list.vue 0 → 100644
<template>
<div class="app-container">
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>活动资讯</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="form">
<el-form inline>
<el-form-item label="资讯类型">
<el-select>
<el-option>测试</el-option>
</el-select>
</el-form-item>
<el-form-item label="">
<el-select>
<el-option>测试</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="list-box">
<el-row :gutter="24">
<el-col :span="8">
<div class="item">
<img src="@/assets/images/WX20240424-100824.png" alt="">
<div class="title">PAX航空集团携手民航局，助力适航审定人才培养</div>
<div class="flex-align-center flex-space-between">
<div class="time">
<span class="date">3/24</span>
<span class="year">2024</span>
</div>
<el-button link type="primary">
详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/WX20240424-100824.png" alt="">
<div class="title">PAX航空集团携手民航局，助力适航审定人才培养</div>
<div class="flex-align-center flex-space-between">
<div class="time">
<span class="date">3/24</span>
<span class="year">2024</span>
</div>
<el-button link type="primary">
详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/WX20240424-100824.png" alt="">
<div class="title">PAX航空集团携手民航局，助力适航审定人才培养</div>
<div class="flex-align-center flex-space-between">
<div class="time">
<span class="date">3/24</span>
<span class="year">2024</span>
</div>
<el-button link type="primary">
详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/WX20240424-100824.png" alt="">
<div class="title">PAX航空集团携手民航局，助力适航审定人才培养</div>
<div class="flex-align-center flex-space-between">
<div class="time">
<span class="date">3/24</span>
<span class="year">2024</span>
</div>
<el-button link type="primary">
详情
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script setup name="InformationList">
</script>
<style scoped lang="scss">
.app-container {
background-color: #F7F8F9;
padding: 0 0 90px;
min-height: 100%;
}
.breadcrumb {
background-color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px;
> div {
width: 1280px;
margin: 0 auto;
}
:deep(.el-breadcrumb__item) {
&:last-child .el-breadcrumb__inner {
color: #222222;
}
}
}
.form {
width: 1280px;
margin: 24px auto 24px auto;
background: #FFFFFF;
border-radius: 4px;
padding: 12px 24px;
.el-form-item {
margin-bottom: 0;
}
}
.list-box {
width: 1280px;
margin: 0 auto;
.item {
margin-bottom: 24px;
img {
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
border: 1px solid #D6D7D8;
display: block;
margin-bottom: 24px;
width: 100%;
height: 256px;
}
.title {
font-weight: bold;
font-size: 24px;
color: #303233;
margin-bottom: 16px;
}
.date {
font-family: DIN, system-ui;
font-weight: bold;
font-size: 32px;
color: #2E77E3;
margin-right: 16px;
}
.year {
font-family: DIN, system-ui;
font-weight: 400;
font-size: 20px;
color: #2E77E3;
}
}
}
</style>
src/views/partnership/list.vue 0 → 100644
<template>
<div class="app-container">
<div style="width: 1280px;margin: 0 auto">
<el-row :gutter="24">
<el-col :span="8">
<div class="item">
<img src="@/assets/images/temporary-icon.png" alt="">
<div class="title">TikTok</div>
<p>赞同科技，一家领先的银行业IT解决方案提供商，携手腾讯云打造全新的云银行解决方案，融合云计算、AI等技术，解决客户多场景业务办理的需求痛点，实现了银行服务的线上化、个性化和智能化。</p>
<el-button type="primary" link>查看官网
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/temporary-icon.png" alt="">
<div class="title">TikTok</div>
<p>赞同科技，一家领先的银行业IT解决方案提供商，携手腾讯云打造全新的云银行解决方案，融合云计算、AI等技术，解决客户多场景业务办理的需求痛点，实现了银行服务的线上化、个性化和智能化。</p>
<el-button type="primary" link>查看官网
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/temporary-icon.png" alt="">
<div class="title">TikTok</div>
<p>赞同科技，一家领先的银行业IT解决方案提供商，携手腾讯云打造全新的云银行解决方案，融合云计算、AI等技术，解决客户多场景业务办理的需求痛点，实现了银行服务的线上化、个性化和智能化。</p>
<el-button type="primary" link>查看官网
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</el-col>
<el-col :span="8">
<div class="item">
<img src="@/assets/images/temporary-icon.png" alt="">
<div class="title">TikTok</div>
<p>赞同科技，一家领先的银行业IT解决方案提供商，携手腾讯云打造全新的云银行解决方案，融合云计算、AI等技术，解决客户多场景业务办理的需求痛点，实现了银行服务的线上化、个性化和智能化。</p>
<el-button type="primary" link>查看官网
<el-icon>
<ArrowRight/>
</el-icon>
</el-button>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script setup name="partnershipList">
</script>
<style scoped lang="scss">
.app-container {
min-height: 100%;
padding-top: 30px;
background-color: #F7F8F9;
}
.item {
height: 354px;
background: #FBFCFE;
border-radius: 4px;
border: 1px solid #D8D9DB;
padding: 24px;
margin-bottom: 24px;
text-align: center;
background: url("@/assets/images/partnership-bg.png");
img {
width: 150px;
height: 80px;
object-fit: contain;
margin-bottom: 15px;
background-color: #FFFFFF;
}
.title {
font-weight: bold;
font-size: 20px;
color: #303233;
}
p {
font-weight: 400;
font-size: 16px;
color: #626566;
line-height: 24px;
margin-top: 5px;
margin-bottom: 40px;
height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
}
</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