修改反馈问题新

src/pages/common/css/common.less

@@ -637,7 +637,8 @@ footer{
                     top: 42px;
                     left: 0px;
                     width: 100%;
-                    max-height: 120px;
+                    min-height: 120px;
+                    max-height: 280px;
                     overflow-y: auto;
                     background: #fff;
                     color: #000;
@@ -756,11 +757,15 @@ footer{
                 position: absolute;
                 bottom:40px;
                 right: -82px;
-                background: url('../images/weixin.png') no-repeat;
-                background-size: 100%;
+                // background: url('../images/weixin.png') no-repeat;
+                // background-size: 100%;
                 opacity: 0;
                 clip-path: inset(0 0 100% 0);
                 transition: opacity 0.3s ease-in-out;
+                img{
+                    width: 100%;
+                    display: block;
+                }
             }
             &:hover{
                 &>div{
@@ -769,6 +774,12 @@ footer{
                 }
             }
         }
+        .wxShow{
+            div{
+                opacity: 1;
+                clip-path: inset(0 0 0 0);
+            }
+        }
         .iconfont{
             font-size: 24px;
             transition: all 0.3s ease;
@@ -793,6 +804,17 @@ footer{
 .chooseM{
     display: none;
 }
+@media screen and (min-width: 1080px) and (max-width: 1480px) {
+    footer {
+        .footerIcon{
+            .weixin{
+                div{
+                    right: 0px;
+                }
+            }
+        }
+    }
+}
 @media screen and (min-width: 1080px) and (max-width: 1390px) {
     .headerPC{
         padding: 0px 50px;

src/pages/common/js/Common.js

@@ -48,7 +48,28 @@ export default class Common {
     logo.addEventListener("click", (e) => {
       window.requestUrl = './index.html';
     });
+    //锚点跳转
+    let url = new URL(window.location.href);
+    let anchor = url.hash.substring(1);
     
+    let element = document.getElementById(anchor);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+    // 微信二维码
+    let wx=document.querySelector(".footerIcon .weixin");
+    wx.addEventListener("click", (e) => {
+      if(wx.classList.contains("wxShow")){
+        wx.classList.remove("wxShow");
+      }else{
+        wx.classList.add("wxShow");
+      }
+    });
+    document.onclick = function(e) {
+      if (wx && !wx.contains(e.target)) {
+        wx.classList.remove("wxShow");
+      }
+    };
   }
   textAni(){
     let mod = this.isMobile;

src/pages/common/tpl/footer.tpl

@@ -92,7 +92,7 @@
     <div class="footerIcon">
         <div class="weixin">
             <span class="icon iconfont icon-weixin"></span>
-            <div></div>
+            <div><img src="./static/images/weixin.png" alt=""/></div>
         </div>
     </div>
     <div class="footerText"><a href="">法律声明</a><span></span><a href="">隐私政策</a><br>中泽集团版权所有 ZHONGZE GROUP COPYRIGHT <br>@ 2014-2024 <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备14015583号</a></div>

src/pages/index/App.js

@@ -53,6 +53,7 @@ export default class App {
             // 如果需要分页器
             pagination: {
                 el: '.swiper-paginationB',
+                clickable :true,
             },
             
             // 如果需要前进后退按钮
@@ -105,27 +106,31 @@ export default class App {
     //产品轮播
     news() {
         let mySwiper = new Swiper('.newsSwiper1', {
-            autoplay: false,//可选选项，自动滑动
+            autoplay: true,//可选选项，自动滑动
             pagination: {
                 el: '.swiper-pagination1',
+                clickable :true,
             }
         });
         let mySwiper2 = new Swiper('.newsSwiper2', {
-            autoplay: false,//可选选项，自动滑动
+            autoplay: true,//可选选项，自动滑动
             pagination: {
                 el: '.swiper-pagination2',
+                clickable :true,
             }
         });
         let mySwiper3 = new Swiper('.newsSwiper3', {
-            autoplay: false,//可选选项，自动滑动
+            autoplay: true,//可选选项，自动滑动
             pagination: {
                 el: '.swiper-pagination3',
+                clickable :true,
             }
         });
         let mySwiper4 = new Swiper('.newsSwiper4', {
-            autoplay: false,//可选选项，自动滑动
+            autoplay: true,//可选选项，自动滑动
             pagination: {
                 el: '.swiper-pagination4',
+                clickable :true,
             }
         });
         let newsCks = document.querySelectorAll(".newsCk");
@@ -133,6 +138,10 @@ export default class App {
         let newSwipers = document.querySelectorAll(".newsCon .swiper");
         
         function masterShow(num){
+            mySwiper.slideTo(0);
+            mySwiper2.slideTo(0);
+            mySwiper3.slideTo(0);
+            mySwiper4.slideTo(0);
             newSwipers.forEach((item,index)=>{
                 if(index==num){
                     item.classList.add("newsShowSwiper");

src/pages/intoTime/index.less

@@ -276,7 +276,9 @@
     // }
   }
 }
-
+footer{
+  z-index: 2;
+}
 
 @media screen and (min-width: 801px) and (max-width: 1400px) {
   

src/pages/intoZz/index.less

@@ -347,6 +347,7 @@
                 box-sizing: border-box;
                 position: relative;
                 cursor: pointer;
+                transition: all 0.3s ease-in-out;
                 &::before{
                   content: '';
                   position: absolute;
@@ -358,6 +359,9 @@
                   background-size: 44px 18px;
                   transform: translateY(-50%);
                 }
+                &:hover{
+                  color: #B81C25;
+                }
               }
               // .hasThree{
               //   margin-top: 110px;
@@ -367,6 +371,9 @@
               // }
               .hasFour{
                 cursor: pointer;
+                &:hover{
+                  color: #B81C25;
+                }
               }
               .twoSon{
                 width: calc(100% - 288px);
@@ -428,6 +435,7 @@
                     padding-left: 20px;
                     box-sizing: border-box;
                     position: relative;
+                    transition: all 0.3s ease-in-out;
                     &::before{
                       content: '';
                       position: absolute;
@@ -589,14 +597,15 @@
                         height: 60px;
                         background: rgba(216,218,219,0.2);
                         border-radius: 10px;
-                        font-size: 20px;
-                        color: #666666;
+                        font-size: 16px;
+                        color: #999999;
                         cursor: pointer;
                         padding-left: 20px;
                         box-sizing: border-box;
                         position: relative;
                         border: 1px dashed #D8DADB;
                         line-height: 60px;
+                        transition: all 0.3s ease-in-out;
                         &::before{
                           content: '';
                           position: absolute;
@@ -608,7 +617,9 @@
                           background: url('./images/jtDw.jpg') no-repeat;
                           background-size: 24px 18px;
                         }
-                        
+                        &:hover{
+                          color: #B81C25;
+                        }
                       }
                     }
                     .openSon{

src/pages/join/index.less

@@ -177,16 +177,21 @@
                         .btnjbg{
                             position: absolute;
                             bottom: 0px;
-                            left: -1px;
-                            right: 0px;
+                            width: 100%;
+                            height: 100%;
+                            border-radius: 50%;
+                            left: 0px;
                             top: 0px;
                             background-color: #B81C25;
-                            -webkit-clip-path: circle(0 at 50% 50%);
-                            clip-path: circle(0 at 50% 50%);
-                            transition: -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1);
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
-                            transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
+                            transition: all 1.5s cubic-bezier(.19,1,.22,1);
+                            transform: scale(0);
+                            transform-origin: center center;
+                            // -webkit-clip-path: circle(0 at 50% 50%);
+                            // clip-path: circle(0 at 50% 50%);
+                            // transition: -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1);
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
+                            // transition: clip-path 1.5s cubic-bezier(.19,1,.22,1), -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1);
                         }
                     }
                 }
@@ -251,8 +256,9 @@
                             display: none;
                         }
                         .btnjbg{
-                            -webkit-clip-path: circle(50% at 50% 50%);
-                            clip-path: circle(50% at 50% 50%);
+                            // -webkit-clip-path: circle(50% at 50% 50%);
+                            // clip-path: circle(50% at 50% 50%);
+                            transform: scale(1);
                         }
                     }
                 }
@@ -581,10 +587,10 @@
                                 width: 8px;
                                 height: 2px;
                             }
-                            .btnjbg{
-                                -webkit-clip-path: circle(19px at 20px 20.5px);
-                                clip-path: circle(19px at 20px 20.5px);
-                            }
+                            // .btnjbg{
+                            //     -webkit-clip-path: circle(19px at 20px 20.5px);
+                            //     clip-path: circle(19px at 20px 20.5px);
+                            // }
                         }
                     }
                     .infoSonLi{