bimwe/official_network
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
张成
2025-08-27 10:38:58 +08:00
parent 9bde9005fa
commit 71da19d3d8
2 changed files with 89 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/index.vue
View File

@@ -154,9 +154,9 @@
<p class="section-subtitle">我们与众多知名企业建立了长期稳定的合作关系</p>
<div class="clients-grid animate-stagger">
<div class="client-item hover-scale" v-for="client in clients" :key="client.name">
<div class="client-item hover-scale" v-for="(client, index) in clients" :key="index">
<div class="client-logo">
<img :src="client.logo" :alt="client.name" />
<img :src="client.logo" :alt="'合作伙伴' + (index + 1)" />
</div>
</div>
</div>
@@ -256,7 +256,7 @@ export default {
banners: [
{
img: banner_index0,
title: '智能数字化解决方案',
title: 'AI智能数字化解决方案',
subtitle: '技术驱动未来，服务创造价值'
},
{
@@ -355,66 +355,18 @@ export default {
},
],
clients: [
{
name: '合作伙伴1',
logo: client_01,
description: '长期战略合作伙伴'
},
{
name: '合作伙伴2',
logo: client_02,
description: '技术合作企业'
},
{
name: '合作伙伴3',
logo: client_03,
description: '行业领先企业'
},
{
name: '合作伙伴4',
logo: client_04,
description: '创新科技公司'
},
{
name: '合作伙伴5',
logo: client_05,
description: '数字化转型伙伴'
},
{
name: '合作伙伴6',
logo: client_06,
description: 'AI技术合作方'
},
{
name: '合作伙伴7',
logo: client_07,
description: '智能制造企业'
},
{
name: '合作伙伴8',
logo: client_08,
description: '金融服务机构'
},
{
name: '合作伙伴9',
logo: client_09,
description: '零售行业客户'
},
{
name: '合作伙伴10',
logo: client_10,
description: '教育科技公司'
},
{
name: '合作伙伴11',
logo: client_11,
description: '医疗健康企业'
},
{
name: '合作伙伴12',
logo: client_12,
description: '物流运输公司'
}
{ logo: client_01 },
{ logo: client_02 },
{ logo: client_03 },
{ logo: client_04 },
{ logo: client_05 },
{ logo: client_06 },
{ logo: client_07 },
{ logo: client_08 },
{ logo: client_09 },
{ logo: client_10 },
{ logo: client_11 },
{ logo: client_12 }
],
}
@@ -720,17 +672,7 @@ export default {
height: 80px;
}
.client-logo img {
max-width: 100%;
max-height: 60px;
object-fit: contain;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.client-item:hover .client-logo img {
filter: grayscale(0%);
}
.client-info h4 {
font-size: 1.3rem;
@@ -769,7 +711,8 @@ export default {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
height: 100px;
min-height: 100px;
}
.client-item:hover {
@@ -787,14 +730,11 @@ export default {
.client-logo img {
max-width: 100%;
max-height: 50px;
max-height: 70px;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.client-item:hover .client-logo img {
filter: grayscale(0%);
object-position: center;
}
/* 联系我们区域 */

84
src/views/ourPlan/ourPlan.vue
View File

@@ -7,9 +7,13 @@
<div class="banner-content">
<div class="container">
<h1 class="banner-title">我们的方案</h1>
<p class="banner-subtitle">专业解决方案，助力企业数字化转型</p>
<p class="banner-subtitle">AI驱动数字化转型，重塑企业核心竞争力</p>
</div>
</div>
<!-- GIF Banner -->
<div class="gif-banner">
<img src="https://bimwe.oss-cn-shanghai.aliyuncs.com/web/foundry_1.gif" alt="技术展示" class="banner-gif">
</div>
</div>
<!-- 主要内容 -->
@@ -20,15 +24,15 @@
<div class="services-grid">
<div class="service-card">
<div class="service-icon">🏗️</div>
<h4>智能建筑</h4>
<p>运用先进技术打造智能化建筑，提升建筑管理效率和用户体验。</p>
<h4>AI智能建筑</h4>
<p>运用AI技术打造智能化建筑，通过机器学习优化建筑管理效率和用户体验。</p>
<router-link to="/ourPlan/estateManagement" class="service-link">了解更多</router-link>
</div>
<div class="service-card">
<div class="service-icon">🌐</div>
<h4>物联网</h4>
<p>构建完整的物联网生态系统，实现设备互联互通和智能控制。</p>
<h4>AI物联网</h4>
<p>构建AI驱动的物联网生态系统，实现智能设备互联互通和自动化控制。</p>
<router-link to="/ourPlan/iot" class="service-link">了解更多</router-link>
</div>
@@ -36,8 +40,8 @@
<div class="service-icon">
<img src="../../assets/img/ic_1.png" alt="设施管理" class="icon-image">
</div>
<h4>设施管理</h4>
<p>提供全面的设施管理解决方案，确保设备高效运行。</p>
<h4>AI设施管理</h4>
<p>提供AI驱动的设施管理解决方案，通过智能分析确保设备高效运行。</p>
<router-link to="/ourPlan/facilityManagement" class="service-link">了解更多</router-link>
</div>
@@ -54,8 +58,8 @@
<div class="service-icon">
<img src="../../assets/img/ic_3.png" alt="技术集成" class="icon-image">
</div>
<h4>技术集成</h4>
<p>整合多种技术平台，构建统一的技术架构体系。</p>
<h4>AI技术集成</h4>
<p>整合多种AI技术平台，构建统一的智能技术架构体系。</p>
<router-link to="/ourPlan/technologyIntegration" class="service-link">了解更多</router-link>
</div>
</div>
@@ -65,16 +69,16 @@
<h3 class="section-title">为什么选择我们？</h3>
<div class="features">
<div class="feature-item">
<h4>专业团队</h4>
<p>拥有丰富的行业经验和专业技术能力</p>
<h4>AI专家团队</h4>
<p>拥有丰富的AI项目经验和深度学习技术能力</p>
</div>
<div class="feature-item">
<h4>创新技术</h4>
<p>持续关注前沿技术，提供最新解决方案</p>
<h4>前沿AI技术</h4>
<p>持续关注AI前沿技术，提供最新智能解决方案</p>
</div>
<div class="feature-item">
<h4>优质服务</h4>
<p>全程专业服务，确保项目成功实施</p>
<h4>AI全流程服务</h4>
<p>从AI咨询到实施落地，确保智能化转型成功</p>
</div>
</div>
</div>
@@ -105,20 +109,53 @@ export default {
}
.page-banner {
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
background: transparent;
color: white;
padding: 80px 0;
text-align: center;
position: relative;
min-height: 500px;
}
.banner-title {
font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
color: white;
}
.banner-subtitle {
font-size: 1.2rem;
opacity: 0.95;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
color: white;
}
.banner-content {
position: relative;
z-index: 2;
}
.gif-banner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-gif {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
box-shadow: none;
transition: opacity 0.3s ease;
}
.banner-gif:hover {
opacity: 0.9;
}
@@ -240,6 +277,21 @@ export default {
font-size: 1rem;
}
.gif-banner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-gif {
width: 100%;
height: 100%;
object-fit: cover;
}
.services-grid {
grid-template-columns: 1fr;
}