页面细节修改

src/components/footView.vue

@@ -3,11 +3,11 @@
     <div class="foot-box">
       <div class="foot-1">
         <div>
-          <img class="img" :src="imagePath.s1" alt="tb1" />
+          <img class="img" :src="imagePath.logo" alt="logo" />
-          <span class="img-logo">logo</span>
+
         </div>
 
-        <div>致力于为企业提供专业的数字化转型解决方案，助力企业实现智能化升级。</div>
+        <div class="wb">致力于为企业提供专业的数字化转型解决方案，助力企业实现智能化升级。</div>
       </div>
       <div class="foot-2">
         <span>解决方案</span>
@@ -35,12 +35,12 @@
   </div>
 </template>
 <script>
-import s1 from '@/assets/images/lbt1.jpeg'
+import logo from '@/assets/images/logo.png'
 export default {
   data() {
     return {
       imagePath: {
-        s1: s1,
+        logo,
       },
     }
   },
@@ -48,32 +48,44 @@ export default {
 </script>
 
 <style scoped>
+.wb {
+  letter-spacing: 1.5px;
+  line-height: 1.6;
+  margin-bottom: 10px;
+}
+
 hr {
   border: 0;
   height: 2px;
   background-color: #333;
   margin-bottom: 20px;
 }
+
 .foot-w {
   color: #858484;
   text-align: center;
 }
+
 .foot {
   height: 400px;
   background-color: #2e2e2e;
 }
+
 a {
   text-decoration: none;
   color: inherit;
 }
+
 .img {
   width: 70px;
-  height: 50px;
+  height: 70px;
 }
+
 .img-logo {
   font-size: 20px;
   color: #fff;
 }
+
 .foot-box {
   width: 100%;
   min-height: 200px;
@@ -82,21 +94,25 @@ a {
   justify-content: space-around;
   padding: 70px 0;
 }
+
 .foot-1 {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
 }
+
 .foot-1 div:nth-child(2) {
   color: #858484;
   width: 300px;
 }
+
 .foot-2 {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   color: #858484;
 }
+
 .foot-2 span:nth-child(1) {
   font-size: 20px;
 

src/views/home/homeView.vue

@@ -5,6 +5,17 @@ import s2 from '../../assets/images/lbt2.jpeg'
 import s3 from '../../assets/images/lbt3.jpeg'
 import tb1 from '../../assets/images/tb1.png'
 import dt from '../../assets/images/dt.jpg'
+import tb2 from '../../assets/images/tb2.png'
+import tb3 from '../../assets/images/tb3.png'
+import tb4 from '../../assets/images/tb4.png'
+import tb5 from '../../assets/images/tb5.png'
+import tb6 from '../../assets/images/tb6.png'
+import tb7 from '../../assets/images/tb7.png'
+import zxdt1 from '../../assets/images/zxdt1.jpeg'
+import zxdt2 from '../../assets/images/zxdt2.jpeg'
+import zxdt3 from '../../assets/images/zxdt3.jpeg'
+import jjfa1 from '../../assets/images/jjfa1.png'
+import wzdt1 from '../../assets/images/wzdt1.jpg'
 import { ref, onMounted } from 'vue'
 import FootView from '../../components/footView.vue'
 // import { subMenuProps } from 'element-plus'
@@ -21,7 +32,10 @@ export default {
         s1,
         s2,
         s3,
-        dt,
+        dt, tb2, tb3, tb4, tb5, tb6, tb7,
+        zxdt1, zxdt2, zxdt3,
+        jjfa1,
+        wzdt1
       },
       isDark: false,
     }
@@ -190,31 +204,31 @@ export default {
             </div>
             <div class="fw">
               <div class="fw-box" title="人工智能平台">
-                <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                <img class="img-2-1" :src="imagePath.tb1" alt="tb1" />
                 <div class="rgzn">人工智能平台</div>
                 <div class="tgfw">
                   提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
                 </div>
               </div>
-              <div class="fw-box" title="人工智能平台">
+              <div class="fw-box" title="云原生架构">
-                <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                <img class="img-2-1" :src="imagePath.tb2" alt="tb2" />
-                <div class="rgzn">人工智能平台</div>
+                <div class="rgzn">云原生架构</div>
                 <div class="tgfw">
-                  提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
+                  基于云原生技术栈，提供高可用、可扩展的企业级应用架构设计与实现
                 </div>
               </div>
-              <div class="fw-box" title="人工智能平台">
+              <div class="fw-box" title="数据安全">
-                <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                <img class="img-2-1" :src="imagePath.tb3" alt="tb3" />
-                <div class="rgzn">人工智能平台</div>
+                <div class="rgzn">数据安全</div>
                 <div class="tgfw">
-                  提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
+                  全方位的数据安全保护方案，确保企业数据资产安全，符合合规要求
                 </div>
               </div>
-              <div class="fw-box" title="人工智能平台">
+              <div class="fw-box" title="数据分析">
-                <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                <img class="img-2-1" :src="imagePath.tb4" alt="tb4" />
-                <div class="rgzn">人工智能平台</div>
+                <div class="rgzn">数据分析</div>
                 <div class="tgfw">
-                  提供企业级AI能力，包括机器学习、深度学习、自然语言处理等核心技术支持
+                  强大的数据分析能力，助力企业深入洞察业务数据，制定精准决策
                 </div>
               </div>
             </div>
@@ -229,7 +243,7 @@ export default {
               <div class="an-ls-body">
                 <div class="an-li">
                   <div class="top-box">
-                    <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                    <img class="img-2" :src="imagePath.tb5" alt="tb5" />
                     <div class="sys">
                       <div class="sys-title">远洋集团</div>
                       <div class="fdc">房地产行业</div>
@@ -239,39 +253,39 @@ export default {
                     通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:2024年3月15日</div>
                     <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
                 <div class="an-li">
                   <div class="top-box">
-                    <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                    <img class="img-2" :src="imagePath.tb6" alt="tb6" />
                     <div class="sys">
-                      <div class="sys-title">远洋集团</div>
+                      <div class="sys-title">科技星</div>
-                      <div class="fdc">房地产行业</div>
+                      <div class="fdc">互联网科技</div>
                     </div>
                   </div>
                   <div class="chenter-box">
-                    通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
+                    采用云服务平台，降低IT运维成本40%，系统性能提升200%
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:2024年7月23日</div>
                     <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
                 <div class="an-li">
                   <div class="top-box">
-                    <img class="img-2" :src="imagePath.tb1" alt="tb1" />
+                    <img class="img-2" :src="imagePath.tb7" alt="tb7" />
                     <div class="sys">
-                      <div class="sys-title">远洋集团</div>
+                      <div class="sys-title">金融通</div>
-                      <div class="fdc">房地产行业</div>
+                      <div class="fdc">金融服务</div>
                     </div>
                   </div>
                   <div class="chenter-box">
-                    通过部署智能分析平台,实现销售数据可视化分析,提升决策效率超过60%
+                    引入安全防护系统，有效防范网络攻击，保障业务安全运行
                   </div>
                   <div class="bteen-box">
-                    <div style="color: #646262">部署时间:xxxx年</div>
+                    <div style="color: #646262">部署时间:2023年5月15日</div>
                     <el-link :underline="false" style="color: #3d8dce" title="查看详情">查看详情</el-link>
                   </div>
                 </div>
@@ -291,7 +305,7 @@ export default {
               <div class="dt-bj">
                 <div class="bt-nr">
                   <div class="img">
-                    <img class="img-4" :src="imagePath.s1" alt="tb1" />
+                    <img class="img-4" :src="imagePath.zxdt1" alt="zxdt1" />
                   </div>
                   <div class="bt-nr-1">
                     <div class="shij">2024年3月15日</div>
@@ -310,13 +324,13 @@ export default {
               <div class="dt-bj">
                 <div class="bt-nr">
                   <div class="img">
-                    <img class="img-4" :src="imagePath.s1" alt="tb1" />
+                    <img class="img-4" :src="imagePath.zxdt2" alt="zxdt2" />
                   </div>
                   <div class="bt-nr-1">
-                    <div class="shij">2024年3月15日</div>
+                    <div class="shij">2024年3月8日</div>
-                    <div class="fbt-1">2024数字化转型峰会圆满举行</div>
+                    <div class="fbt-1">公司荣获“年度最佳科技创新企业”奖项</div>
                     <div class="fbt-2">
-                      本次峰会汇聚行业专家，深入探讨数字化转型趋势与实践经验，共同展望为了发展方向。
+                      凭借在人工智能和云计算领域的突出贡献，公司获得行业权威机构认可。
                     </div>
                     <div class="xq-1">
                       <el-link :underline="false" style="color: #2d3fdd">查看详情<el-icon>
@@ -329,13 +343,13 @@ export default {
               <div class="dt-bj">
                 <div class="bt-nr">
                   <div class="img">
-                    <img class="img-4" :src="imagePath.s1" alt="tb1" />
+                    <img class="img-4" :src="imagePath.zxdt3" alt="zxdt3" />
                   </div>
                   <div class="bt-nr-1">
-                    <div class="shij">2024年3月15日</div>
+                    <div class="shij">2024年3月1日</div>
-                    <div class="fbt-1">2024数字化转型峰会圆满举行</div>
+                    <div class="fbt-1">发布新一代智能数据分析平台</div>
                     <div class="fbt-2">
-                      本次峰会汇聚行业专家，深入探讨数字化转型趋势与实践经验，共同展望为了发展方向。
+                      全新升级的数据分析平台，集成最新AI技术，为企业提供更强大的数据洞察能力。
                     </div>
                     <div class="xq-1">
                       <el-link :underline="false" style="color: #2d3fdd">查看详情<el-icon>
@@ -352,9 +366,9 @@ export default {
             <div class="fan-bt">解决方案</div>
             <div class="fan-nr">
               <div class="fan-left">
-                <div class="fan-wb1">金融解决方案</div>
+                <div class="fan-wb1">人工智能WISE解决方案</div>
                 <div class="fan-wb2">
-                  为金融机构提供智能风控、数据分析、客户画像等全方位解决方案，助力数字化转型
+                  人工智能技术不断发展之际，企业处于数字化转型关键节点，面临数据应用和数字基础设施的双重挑战，提升端到端数据管理与分析能力迫在眉睫。
                 </div>
                 <div>
                   <div class="fan-wb3">
@@ -374,7 +388,7 @@ export default {
                   </div>
                 </div>
               </div>
-              <div class="fan-right"><img class="img-7" :src="imagePath.s1" alt="tb1" /></div>
+              <div class="fan-right"><img class="img-7" :src="imagePath.jjfa1" alt="jjfa1" /></div>
             </div>
           </div>
           <!--  -->
@@ -436,7 +450,7 @@ export default {
                 </div>
               </div>
               <div class="lx-right-foot">
-                <div class="fan-right"><img class="img-8" :src="imagePath.dt" alt="dt" title="点击查看详细位置" /></div>
+                <div class="fan-right"><img class="img-8" :src="imagePath.wzdt1" alt="wzdt1" title="点击查看详细位置" /></div>
               </div>
             </div>
           </div>
@@ -732,6 +746,8 @@ form textarea {
   margin-top: 20px;
   height: 250px;
   border-radius: 10px;
+  width: 375px;
+  height: 250px;
   transition: transform 0.3s ease;
 }
 
@@ -830,6 +846,7 @@ form textarea {
   margin-top: 30px;
   font-size: 20px;
   font-weight: bold;
+  cursor: pointer;
 }
 
 .tgfw {
@@ -861,6 +878,13 @@ form textarea {
 }
 
 .img-2 {
+  width: 75px;
+  height: 35px;
+  margin-left: 20px;
+  margin-top: 10px;
+}
+
+.img-2-1 {
   width: 55px;
   height: 55px;
   margin-left: 20px;
@@ -939,8 +963,9 @@ form textarea {
 }
 
 .img-1 {
-  width: 60px;
+  width: 3vw;
-  height: 60px;
+  height: 3vw;
+  margin-right: 5px;
 }
 
 .bt-1 {