修改反馈2

src/pages/common/css/common.less

@@ -250,7 +250,7 @@ header{
                 background-size: 142px 32px;
             }
             .language{
-                a{
+                .btn2{
                     color: #ffffff;
                     &:hover{
                         color: #B81C25;
@@ -411,7 +411,7 @@ header{
         cursor: pointer;
         position: absolute;
         right: 100px;
-        a{
+        .btn2{
             display: inline-block;
             color: #000000;
             transition: all .3s ease;
@@ -888,6 +888,144 @@ footer{
         }
     }
 }
+.searchCon{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    background: rgba(0,0,0,0.4);
+    display: flex;
+    top: 0px;
+    left: 0px;
+    z-index: -1;
+    justify-content: center;
+    align-items: center;
+    transition: all .6s ease-in-out;
+    opacity: 0;
+    transform: translateY(-100%);
+    .searchConIn{
+        width: 70%;
+        max-width: 1300px;
+        
+        max-height: 80%;
+        background: #fff;
+        .searchUp{
+            width: 100%;
+            border-bottom: 1px solid #dbdbdb;
+            height: 60px;
+            line-height: 60px;
+            text-align: left;
+            box-sizing: border-box;
+            padding: 0px 30px;
+            .searchInput{
+                padding-left: 20px;
+                border: 0px;
+                width: calc(100% - 60px);
+                font-size: 20px;
+            }
+            .icon-search{
+                color: #B81C25;
+            }
+            .searchClose{
+                float: right;
+                cursor: pointer;
+                .iconfont{
+                    transform: rotate(0deg);
+                    transition: all .3s ease-in-out;
+                    display: inline-block;
+                }
+                &:hover{
+                    .iconfont{
+                        transform: rotate(180deg);
+                        color: #B81C25;
+                    }
+                    
+                }
+            }
+        }
+        .searchDw{
+            width: 100%;
+            max-height: calc(100% - 60px);
+            padding-top: 30px;
+            overflow-y: auto;
+            box-sizing: border-box;
+            padding: 30px 30px 0;
+        }
+    }
+    
+    .newsType{
+        width: 100%;
+        height: 100%;
+        .newsLi{
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          border-bottom: 1px solid #acacac5e;
+          box-sizing: border-box;
+          padding: 27px 0px;
+          &:last-child{
+            border-bottom: 0px solid #ACACAC;
+          }
+          .timer{
+            width: 65px;
+            height: 66px;
+            border-radius: 8px;
+            border: 1px solid #A7A5A5;
+            text-align: center;
+            font-size: 12px;
+            padding: 0px 12px 0;
+            box-sizing: border-box;
+            .timerData{
+              font-size: 26px;
+              color: #b81c25;
+              border-bottom: 1px solid #b81c25;
+              padding-bottom: 3px;
+              margin-bottom: 3px;
+              line-height: 30px;
+              padding-top: 4px;
+            }
+          }
+          .newsLiCon{
+            width: calc(100% - 80px);
+            font-size: 18px;
+            text-align: left;
+            &>div{
+              overflow: hidden;
+              white-space: nowrap;
+              width: 100%;
+              height: 24px;
+              text-overflow: ellipsis;
+            }
+            .liTitle{
+              color: #231F20;
+              font-weight: 500;
+              margin-bottom: 8px;
+              padding-top: 6px;
+            }
+            .licon{
+              font-weight: 400;
+              color: #999999;
+              font-size: 16px;
+            }
+          }
+          transition: all 0.3s ease-in-out;
+          &:hover{
+            background: rgba(184, 28, 37, 0.05);
+            .newsLiCon{
+                .liTitle{
+                    color: #B81C25;
+                }
+            }
+            
+          }
+        }
+    }
+}
+.searchConShow{
+    opacity: 1;
+    z-index: 33;
+    transform: translateY(0%);
+}
+
 .chooseM{
     display: none;
 }
@@ -1308,4 +1446,22 @@ footer{
           background: #000;
         }
       }
+    .searchCon{
+        .newsType{
+            .newsLi{
+                padding-bottom: 20px;
+                margin-top: 20px;
+                .newsLiCon{
+                    font-size: 16px;
+                    padding-top: 4px;
+                    &>div{
+                        height: 20px;
+                    }
+                    .liTitle{
+                        margin-bottom: 8px;
+                    }
+                }
+            }
+        }
+    }
 }

src/pages/common/js/Common.js

@@ -214,6 +214,58 @@ export default class Common {
     // 添加滚动事件监听器
     window.addEventListener('scroll', updateScrollChange);
 
+    let searchCon=document.querySelector(".searchCon");
+    let searchDiv=document.querySelector(".searchDiv");
+    let searchInput=document.querySelector(".searchInput");
+    let searchClose=document.querySelector(".searchClose");
+    let searchDw=document.querySelector(".searchDw");
+    searchDiv.addEventListener("click",(e)=>{
+      searchDw.innerHTML='';
+      searchCon.classList.add("searchConShow");
+
+    });
+    searchClose.addEventListener("click",(e)=>{
+      searchCon.classList.remove("searchConShow");
+    });
+    //今天输入内容，3秒没有输入，则搜索
+    let setTimeNum=null;
+    searchInput.addEventListener("input",(e)=>{
+      console.log('当前输入值:', e.target.value);
+      if(setTimeNum){clearTimeout(setTimeNum)}
+      setTimeNum=setTimeout(()=>{
+        console.log("搜索内容：",e.target.value);
+        fetch('/system/news/search?keyword='+e.target.value)
+        .then(response => {
+          if (!response.ok) {
+            throw new Error('网络响应不是 OK');
+          }
+          return response.json();
+        })
+        .then(response => {
+         console.log(response,'response');
+         //获取搜索数据循环添加内容
+         let str='';
+         if(response.data.length>0){
+            response.data.forEach((item)=>{
+              //把时间和内容,链接加上
+              str+=`<a class="newsLi" href="" target="_blank">
+                    <div class="timer">
+                    <div class="timerData">10</div>
+                    <div>24-12</div>
+                    </div>
+                    <div class="newsLiCon">
+                        <div class="liTitle">${item.title}</div>
+                      <div class="licon">${item.dec}</div>
+                    </div></a>`;
+            });
+            searchDw.innerHTML=str;
+          }else{
+            searchDw.innerHTML=`<div class="noData">暂无数据</div>`
+          }
+        })
+      },3000)
+    });
+
 
   }
 

src/pages/common/tpl/footer.tpl

@@ -87,4 +87,25 @@
         </div>
     </div>-->
     <div class="footerText">中泽集团版权所有 ZHONGZE GROUP COPYRIGHT <br>@ 2014-2025 <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备2022002992号</a></div>
-</footer>
+</footer>
+<div class="searchCon">
+    <div class="searchConIn">
+        <div class="searchUp">
+            <span class="iconfont icon-search"></span>
+            <input class="searchInput" type="text" placeholder="请输入搜索内容" />
+            <div class="searchClose"><span class="iconfont icon-guanbi"></span></div>
+        </div>
+        <div class="searchDw newsType">
+            <!--<a class="newsLi" href="" target="_blank">
+                <div class="timer">
+                <div class="timerData">10</div>
+                <div>24-12</div>
+                </div>
+                <div class="newsLiCon">
+                    <div class="liTitle">标题</div>
+                    <div class="licon">描述</div>
+                </div>
+            </a>-->
+        </div>
+    </div>
+</div>

src/pages/common/tpl/header.tpl

@@ -56,11 +56,11 @@
                 </div>
             </div>
         </div>
-        <!--<div class="language menuOne">
-            <a class="btn2 btnW" style="display:none;"><span class="iconfont icon-search"></span></a>
-            <span class="line" style="display:none"></span>
-            <a href="./join.html#contactUs" class="aborder">联系我们</a>
-        </div>-->
+        <div class="language menuOne">
+            <div class="btn2 btnW searchDiv"><span class="iconfont icon-search"></span></div>
+            <!--<span class="line" style="display:none"></span>
+            <a href="./join.html#contactUs" class="aborder">联系我们</a>-->
+        </div>
     </div>
     <div class="headerMobile">
         <div class="logo"></div>

src/pages/index/App.js

@@ -47,9 +47,12 @@ export default class App {
         let menuType = document.querySelector(".headCon");
         menuType.classList.add("menuType");
         let mySwiper = new Swiper('.bannerSwiper', {
-            autoplay: true,//可选选项，自动滑动
+            autoplay: false,//可选选项，自动滑动
+            // autoplay: {
+            //     delay: 6000,//1秒切换一次
+            //   },
             effect: "fade",
-            speed:800,
+            speed:1000,
             // 如果需要分页器
             pagination: {
                 el: '.swiper-paginationB',
@@ -224,12 +227,16 @@ export default class App {
             pageAfter=pageT+560-312;
         }
         let mySwiper = new Swiper('.productSwiper', {
-                autoplay: false,//可选选项，自动滑动
+                // autoplay: true,//可选选项，自动滑动
+                autoplay: {
+                    delay: 3000,//1秒切换一次
+                  },
                 autoHeight: true,
                 slidesPerView: "auto",
-                slidesPerGroup : isMob?1:3,
+                slidesPerGroup : isMob?1:1,
                 spaceBetween: isMob?0:20,
                 allowTouchMove: false,
+                centeredSlides: true,
                 slidesOffsetBefore : isMob?0:pagebefore,
                 slidesOffsetAfter : isMob?0:pageAfter,
                 navigation: {

src/pages/index/index.html

@@ -25,27 +25,27 @@
       <div class="wow domInUp banner">
         <div class="swiper bannerSwiper">
           <div class="swiper-wrapper">
-            <!--<div class="swiper-slide">
-              <img
+            <div class="swiper-slide">
+              <!-- <img
                 class="lazy"
                 data-src="./static/images/index/banner1.jpg"
                 data-srcM="./static/images/index/banner1m.jpg"
                 alt=""
               />-->
               <!-- 用视频就用下面的，把图片删除 -->
-              <!-- <video
+              <video
                 class="lazy"
-                data-src="./static/2.mp4"
-                data-srcM="./static/2.mp4"
+                data-src="./static/images/index/bannerV.mp4"
+                data-srcM="./static/images/index/bannerV.mp4"
                 autoplay
                 muted
                 loop
                 playsinline
-              ></video> -->
+              ></video>
               <!-- <div class="slideCon">
                   <div class="title">投资并购与企业<br>运营双轮驱动</div>
-              </div>
-            </div>-->
+              </div>-->
+            </div>
             <!-- 多个直接复制添加swiper-slide -->
             <div class="swiper-slide">
               <img

src/pages/index/index.less

@@ -22,7 +22,7 @@
         object-fit: cover;
       }
       .title{
-        text-shadow: 4px 5px 1px rgba(255, 255, 255, 0.3);
+        text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.28);
       }
       .btn-prev,.btn-next{
         position: absolute;
@@ -450,6 +450,12 @@
           }
         }
       }
+      .swiper-slide-active{
+          width: 560px;
+          .slideCon{
+            opacity: 1;
+          }
+      }
     }
     .swiper-page{
       width: 100%;
@@ -513,6 +519,8 @@
     max-width: 1920px;
     position: relative;
     margin: 0px auto;
+    background: url(./images/aboutbg0.png) no-repeat;
+    background-size: contain;
     img{
       width: 100%;
       display: block;

src/pages/product/index.html

@@ -120,8 +120,7 @@
         <img class="wow fadeInUp lazy" data-wow-delay="0.2s" data-src="./static/images/product/Industrial1.png" data-srcM="./static/images/product/Industrial1m.png" alt="" />
         <div>
           <img class="wow fadeInUp lazy" data-wow-delay="0.4s" data-src="./static/images/product/Industrial2.png" data-srcM="./static/images/product/Industrial2m.png" alt="" />
-          <img class="wow fadeInUp lazy" data-wow-delay="0.6s" data-src="./static/images/product/Industrial3.png" data-srcM="./static/images/product/Industrial3m.png" alt="" />
-          <img class="wow fadeIn lazy" data-wow-delay="0.8s" data-src="./static/images/product/Industrial4.png" data-srcM="./static/images/product/Industrial4m.png" alt="" />
+          <img class="wow fadeIn lazy" data-wow-delay="0.6s" data-src="./static/images/product/Industrial3.png" data-srcM="./static/images/product/Industrial3m.png" alt="" />
         </div>
       </div>
       <div class="member" id="cyml">