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-25 15:28:08 +08:00
parent c4148d9eb6
commit 1ad48b234c
3 changed files with 382 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/index.vue
View File

@@ -1,9 +1,12 @@
<template>
<div>
<!-- 滚动进度条 -->
<div class="scroll-progress-bar" data-scroll-progress="bar"></div>
<ihead></ihead>
<!-- 现代化横幅区域 -->
<div class="banner">
<div class="banner" data-parallax="0.3">
<swiper ref="swiper" :options="swiperOption">
<swiper-slide v-for="banner in banners" :key="banner.img">
<div class="banner-content">
@@ -31,21 +34,21 @@
<p class="section-subtitle animate-on-scroll">上海丙维数字科技有限公司成立于2018年，专注于AI交付内容，为客户提供高质量的数字化解决方案</p>
</div>
<div class="intro-content">
<div class="intro-card">
<div class="card-icon">🏢</div>
<div class="intro-content animate-stagger">
<div class="intro-card hover-lift">
<div class="card-icon animate pulse infinite">🏢</div>
<h3>公司概况</h3>
<p>成立于2018年10月22日，注册资本600万元人民币，总部位于上海市宝山区高逸路112-118号3幢6422室</p>
</div>
<div class="intro-card">
<div class="card-icon">🎯</div>
<div class="intro-card hover-lift">
<div class="card-icon animate pulse infinite delay-1s">🎯</div>
<h3>核心使命</h3>
<p>致力于计算机软硬件、网络科技、信息科技领域的技术开发、咨询、转让和服务</p>
</div>
<div class="intro-card">
<div class="card-icon">🚀</div>
<div class="intro-card hover-lift">
<div class="card-icon animate pulse infinite delay-2s">🚀</div>
<h3>AI转型</h3>
<p>2022年成功转型AI交付领域，围绕客户需求提供智能应用解决方案</p>
</div>
@@ -56,10 +59,10 @@
<!-- 核心优势展示 -->
<div class="core-advantages">
<div class="container">
<h2 class="section-title">核心优势</h2>
<div class="advantages-grid">
<div class="advantage-item" v-for="advantage in advantages" :key="advantage.title">
<div class="advantage-icon">{{advantage.icon}}</div>
<h2 class="section-title animate-on-scroll">核心优势</h2>
<div class="advantages-grid animate-stagger">
<div class="advantage-item hover-scale" v-for="advantage in advantages" :key="advantage.title">
<div class="advantage-icon animate bounce delay-1s">{{advantage.icon}}</div>
<h3>{{advantage.title}}</h3>
<p>{{advantage.description}}</p>
</div>
@@ -70,10 +73,10 @@
<!-- 业务领域展示 -->
<div class="business-areas">
<div class="container">
<h2 class="section-title">业务领域</h2>
<div class="areas-grid">
<div class="area-item" v-for="area in businessAreas" :key="area.name">
<div class="area-icon">{{area.icon}}</div>
<h2 class="section-title animate-on-scroll">业务领域</h2>
<div class="areas-grid animate-stagger">
<div class="area-item hover-glow" v-for="area in businessAreas" :key="area.name">
<div class="area-icon animate wobble delay-2s">{{area.icon}}</div>
<h3>{{area.name}}</h3>
<p>{{area.description}}</p>
<ul class="area-features">
@@ -86,7 +89,7 @@
<!-- 原有产品展示区域 -->
<div class="scrollToContentWrapper">
<a href="javascript:void(0)" id="scrollToBoxes" class="scrollToContent bottomShadowSegmentLight">
<a href="javascript:void(0)" id="scrollToBoxes" class="scrollToContent bottomShadowSegmentLight animate bounce infinite">
<img src="../assets/img/svg/ic_caret.svg" alt="">
</a>
</div>
@@ -94,11 +97,11 @@
<!-- 产品展示区域 -->
<div class="products-section">
<div class="container">
<h2 class="section-title">核心解决方案</h2>
<p class="section-subtitle">为不同行业提供专业的技术解决方案，助力企业数字化转型</p>
<h2 class="section-title animate-on-scroll">核心解决方案</h2>
<p class="section-subtitle animate-on-scroll">为不同行业提供专业的技术解决方案，助力企业数字化转型</p>
<div id="pageBoxesContainer" class="page pageBoxes">
<div class="box" v-for="product in productData" :key="product.name">
<div id="pageBoxesContainer" class="page pageBoxes animate-stagger">
<div class="box hover-lift" v-for="product in productData" :key="product.name">
<div class="product-image">
<img width="100%" :src="product.img" />
<div class="product-overlay">
@@ -126,24 +129,24 @@
<!-- 联系我们区域 -->
<div class="contact-section">
<div class="container">
<h2 class="section-title">联系我们</h2>
<div class="contact-info">
<div class="contact-item">
<div class="contact-icon">📍</div>
<h2 class="section-title animate-on-scroll">联系我们</h2>
<div class="contact-info animate-stagger">
<div class="contact-item hover-scale">
<div class="contact-icon animate heartBeat infinite">📍</div>
<div>
<h4>注册地址</h4>
<p>上海市宝山区高逸路112-118号3幢6422室</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">📞</div>
<div class="contact-item hover-scale">
<div class="contact-icon animate heartBeat infinite delay-1s">📞</div>
<div>
<h4>联系电话</h4>
<p>13817819452</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">🌐</div>
<div class="contact-item hover-scale">
<div class="contact-icon animate heartBeat infinite delay-2s">🌐</div>
<div>
<h4>官方网站</h4>
<p>www.bimwe.com</p>