123

README.md

@@ -1,15 +1 @@
-# 问题
-
-banner 延迟1s
-
-上下滑动动画不一样
-
-出去不猛干
-
-
-control ani 问题
-
-
-机械传动硬件一样
-
 

src/common/utils.js

@@ -98,7 +98,6 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
   }
   if (activeIndex == 1) {
     animateCSS('#servive_big_title_ani', aniName)
-    animateCSS('#servive_detail_intro_ani', aniName)
   }
   if (activeIndex == 2) {
     animateCSS('#cooperation_ani', aniName)
@@ -139,6 +138,10 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
   if (activeIndex == 14) {
     animateCSS('#post_page_title_ani', aniName)
   }
+  if (activeIndex == 15) {
+    animateCSS('#contract_info_ani', aniName)
+    animateCSS('#contact_hand', aniName)
+  }
 }
 
 // export const totalTitleAni = (activeIndex, previousIndex) => {

src/views/Index/components/CasePictureList/index.vue

@@ -5,7 +5,7 @@
       <div class="contract_title" id="case_picture_list_ani">
         <p class="line"></p>
         <p class="title">案例展示</p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="data_container">
         <div class="text">

src/views/Index/components/ContactUs/index.vue

@@ -13,6 +13,7 @@
           <img :src="Contact" alt="" class="yingwen" />
         </div>
         <div class="main_content" id="contactus_main_content">
+          <div id="contract_info_ani">
             <p class="big_title">
               为产品添彩，为企业赋能<br />
               打造高品质/强落地/有卖点的好产品
@@ -39,6 +40,7 @@
                 </p>
               </div>
             </div>
+          </div>
           <div class="maps"></div>
         </div>
       </div>

src/views/Index/components/Cooperation/index.vue

@@ -8,7 +8,7 @@
         <p class="detail">
           医疗企业 互联网公司 智能硬件公司 科研院所 工业自动化企业
         </p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="contract" id="contract_bg_coop">
         <div class="real_img" id="contract_real_coop"></div>

src/views/Index/components/Culture/index.vue

@@ -9,7 +9,7 @@
         <p class="detail">
           有信心、有逻辑、有实践、有责任、有总结·这就是我们的财富
         </p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="card_list">
         <Card i="4" />

src/views/Index/components/HardwareSummary/index.vue

@@ -5,7 +5,7 @@
       <div class="contract_title" id="contract_ani">
         <p class="line"></p>
         <p class="title"><span class="blue_font">软硬件</span>开发</p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="data_container">
         <div class="text">

src/views/Index/components/MechanicalControl/index.vue

@@ -158,6 +158,9 @@ onMounted(() => {
           .dialog_text {
             position: absolute;
             display: flex;
+            transition-property: all;
+            transition-duration: 0.7s;
+            animation-fill-mode: forwards;
             align-items: center;
             justify-content: center;
             font-size: 23px;
@@ -176,7 +179,7 @@ onMounted(() => {
         .broadside_div:hover {
           cursor: pointer;
           .dialog_text {
-            display: none;
+            background: rgba(0, 0, 0, 0);
           }
         }
         .bg1 {

src/views/Index/components/MechanicalDrive/Card/index.vue

@@ -112,7 +112,6 @@ const getImgSrc = () => {
 }
 .dian_container:hover {
   border-radius: 10px;
-  transform: scale(1.1);
   .btn {
     background: $theme_color;
   }

src/views/Index/components/ReadWidely/Card/index.vue

@@ -57,9 +57,6 @@ const getBg = () => {
   width: 350px;
   height: 205px;
   position: relative;
-  transition-property: all;
-  transition-duration: 0.7s;
-  animation-fill-mode: forwards;
   .dialog_text {
     position: absolute;
     left: 0;
@@ -83,7 +80,7 @@ const getBg = () => {
 }
 .read_card_container:hover {
   .dialog_text {
-    display: none;
+    background: rgba(0, 0, 0, 0);
   }
 }
 .bg1 {

src/views/Index/components/Recruit/index.vue

@@ -22,7 +22,12 @@
             :postInfo="item"
           />
         </div>
-        <div class="detail" v-if="showDetail" v-on:mouseleave="mouseleave">
+        <div
+          class="detail animate__animated animate__zoomInDown"
+          v-if="showDetail"
+          v-on:mouseleave="mouseleave"
+          id="post_detail_ani"
+        >
           <Detail :postId="postId" :handleDetail="handleDetail" />
         </div>
       </div>

src/views/Index/components/Service/index.vue

@@ -3,13 +3,13 @@
     <div class="service_container" id="service_container">
       <div class="empty" v-if="showEmpty"></div>
       <div class="content">
-        <div class="main">
-          <h1 class="big_title" id="servive_big_title_ani">
+        <div class="main" id="servive_big_title_ani">
+          <h1 class="big_title">
             <span class="blue_font"
               >产品研发&nbsp;/&nbsp;设计&nbsp;/&nbsp;量产</span
             >&nbsp;&nbsp;一站式服务
           </h1>
-          <p class="article" id="servive_detail_intro_ani">
+          <p class="article">
             产品梦工厂一家公司全部帮您搞定<br />减少供应商数量就能有效防止供应商
             <span class="blue_font">扯皮/推诿</span><br />不仅帮您<span
               class="blue_font"
@@ -79,18 +79,18 @@ const showEmpty = ref(false)
         .big_title {
           transform-style: preserve-3d;
         }
-        .big_title::before {
-          content: 'ONE STOP SERVICE';
-          position: absolute;
-          font-size: 34px;
-          font-family: 'ZonaPro';
-          transform: translateZ(-1px);
-          font-weight: 800;
-          color: #f1f1f1;
-          left: 0;
-          top: -20px;
-          white-space: nowrap;
-        }
+        // .big_title::before {
+        //   content: 'ONE STOP SERVICE';
+        //   position: absolute;
+        //   font-size: 34px;
+        //   font-family: 'ZonaPro';
+        //   transform: translateZ(-1px);
+        //   font-weight: 800;
+        //   color: #f1f1f1;
+        //   left: 0;
+        //   top: -20px;
+        //   white-space: nowrap;
+        // }
         .article {
           margin-top: 34px;
           font-size: 20px;

src/views/Index/components/SoftHardwareSummary/index.vue

@@ -5,7 +5,7 @@
       <div class="contract_title" id="software_c_ani">
         <p class="line"></p>
         <p class="title">硬件<span class="blue_font">研发经验</span></p>
-        <img class="img" :src="Back" alt="back" />
+        <!-- <img class="img" :src="Back" alt="back" /> -->
       </div>
       <div class="card_list">
         <div class="card_wrap bg1">

src/views/Index/components/WebOfThing/index.vue

@@ -27,8 +27,8 @@ import Project from '@/assets/img/web/zuo1.png'
   position: relative;
   .main_content {
     position: absolute;
-    left: 190px;
-    top: 50%;
+    left: 240px;
+    top: 55%;
     transform: translateY(-50%);
     .big_title {
       font-size: 44px;