修复报错

src/pages/common/js/Common.js

@@ -23,19 +23,19 @@ export default class Common {
     } else {
       this.headerMenu();
     }
-    
-    
+
+
     // let goTop = document.querySelector(".goTopBtn");
     const scroll = new LocomotiveScroll();
     // goTop.addEventListener("click", (e) => {
     //   console.log('click');
-      
+
     //   scroll.scrollTo(0);
     //   console.log('click2');
     // });
     // window.requestUrl = 'https://www.foton.com.cn';
     this.textAni();
-    
+
     // let btnDownTitle = document.querySelector(".btnDownTitle");
     // let btnDownMenu = document.querySelector(".btnDown");
     // btnDownTitle.addEventListener("click", (e) => {
@@ -52,85 +52,90 @@ export default class Common {
     //锚点跳转
     let url = new URL(window.location.href);
     let anchor = url.hash.substring(1);
-    
-    console.log(anchor,88);
-    
+
+    console.log(anchor, 88);
+
     if (anchor) {
       let element = document.getElementById(anchor);
-      if(element)element.scrollIntoView({ behavior: 'smooth',block: 'start' });
+      if (element) element.scrollIntoView({ behavior: 'smooth', block: 'start' });
     }
-    if(window.location.href.indexOf("intoZz.html?") !== -1){
-      
-    }else{
+    if (window.location.href.indexOf("intoZz.html?") !== -1) {
+
+    } else {
       new WOW().init();
     }
-    $('a').on("click",function(event) {
-      
-      let str=$(this).attr("href");
-      
-      if(str.indexOf("intoZz.html#") !== -1){
+    $('a').on("click", function (event) {
+
+      let str = $(this).attr("href");
+
+      if (str.indexOf("intoZz.html#") !== -1) {
         event.preventDefault();
         let hashIndex = str.indexOf('#');
         let beforeHash = str.substring(0, hashIndex); // 获取 # 前面的部分
         let afterHash = str.substring(hashIndex + 1);
         let newStr = beforeHash + '?jumpz=' + afterHash;
-        window.location.href = ''+newStr;
+        window.location.href = '' + newStr;
       }
-      
+
       // let element = document.getElementById(targetId);
       // if (element) {
       //     element.scrollIntoView({ behavior: 'smooth', block: 'start' });
       // }
     });
-    
-    // 微信二维码
-    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) {
+
+    let wx = document.querySelector(".footerIcon .weixin");
+    try {
+      // 微信二维码
+      wx.addEventListener("click", (e) => {
+        if (wx.classList.contains("wxShow")) {
+          wx.classList.remove("wxShow");
+        } else {
+          wx.classList.add("wxShow");
+        }
+      });
+    } catch (error) {
+      console.log(error)
+    }
+
+    document.onclick = function (e) {
       if (wx && !wx.contains(e.target)) {
         wx.classList.remove("wxShow");
       }
     };
   }
-  textAni(){
+  textAni() {
     let mod = this.isMobile;
-    let texts=document.querySelectorAll(".aniTxtUp");
-    texts.forEach(text=>{
-      let txt=text.innerText;
-      let txtDiv=txt.split(' ');
-      text.innerHTML='';
-      let textNow='';
-      let delTime=0;
-
-      txtDiv.forEach(itemTxt=>{
-        if(mod){
-          textNow+=`<div class="wow wordInUp" data-wow-delay="`+delTime.toFixed(2)+`s">${itemTxt}</div> `;
-          delTime+=0.1;
-        }else{
-          textNow+=`<div>`;
-          let txtArr=itemTxt.split('');
-          txtArr.forEach(item=>{
+    let texts = document.querySelectorAll(".aniTxtUp");
+    texts.forEach(text => {
+      let txt = text.innerText;
+      let txtDiv = txt.split(' ');
+      text.innerHTML = '';
+      let textNow = '';
+      let delTime = 0;
+
+      txtDiv.forEach(itemTxt => {
+        if (mod) {
+          textNow += `<div class="wow wordInUp" data-wow-delay="` + delTime.toFixed(2) + `s">${itemTxt}</div> `;
+          delTime += 0.1;
+        } else {
+          textNow += `<div>`;
+          let txtArr = itemTxt.split('');
+          txtArr.forEach(item => {
             // if(item===' '){
             //   item='&nbsp;';
             // }
-            textNow+=`<span class="wow wordInUp" data-wow-delay="`+delTime.toFixed(2)+`s">${item}</span>`;
-            delTime+=0.02;
+            textNow += `<span class="wow wordInUp" data-wow-delay="` + delTime.toFixed(2) + `s">${item}</span>`;
+            delTime += 0.02;
           })
-          textNow+=`</div> `
+          textNow += `</div> `
         }
-        
-        
+
+
       })
-      text.innerHTML=textNow;
-      
-      
-      
+      text.innerHTML = textNow;
+
+
+
     })
   }
   //pc头部菜单
@@ -141,11 +146,11 @@ export default class Common {
 
     let logo = document.querySelector(".headerPC .logo");
     logo.addEventListener("click", (e) => {
-      window.location.href ="./index.html"
+      window.location.href = "./index.html"
     });
-    
+
     //设置一级菜单高亮
-    let curNavId=this.curNavId;
+    let curNavId = this.curNavId;
     navItems.forEach((item, index) => {
       item.dataset.id = index;
       if (curNavId == index) {
@@ -154,62 +159,64 @@ export default class Common {
     });
 
     // 为每个元素添加 mouseenter 事件监听器
-    menuItems.forEach(function(item) {
+    menuItems.forEach(function (item) {
       try {
         item.addEventListener("mouseenter", (e) => {
           let targetDom = item.querySelector(".menuSon");
           if (targetDom?.classList?.contains("open")) {
             console.log("元素有 open 类");
           } else {
-            if(targetDom){targetDom.classList.add("open");
-            gsap.fromTo(targetDom, { yPercent: -10,opacity:0}, { yPercent: 0,opacity:1});}
+            if (targetDom) {
+              targetDom.classList.add("open");
+              gsap.fromTo(targetDom, { yPercent: -10, opacity: 0 }, { yPercent: 0, opacity: 1 });
+            }
           }
         });
-          
-          item.addEventListener("mouseleave", (e) => {
-            let targetDom = item.querySelector(".menuSon");
+
+        item.addEventListener("mouseleave", (e) => {
+          let targetDom = item.querySelector(".menuSon");
           if (targetDom?.classList?.contains("open")) {
             gsap.to(targetDom, {
-              yPercent: -10,opacity:0,
+              yPercent: -10, opacity: 0,
               onComplete: () => {
                 targetDom.classList.remove("open");
               }
             })
-          } 
-          
+          }
+
         });
-      } catch (error) {}
+      } catch (error) { }
     });
     //向下滚动隐藏菜单，向上滚动显示菜单
     // 获取滚动条位置并更新显示
-    let scrollyOld=0;
+    let scrollyOld = 0;
     let headerDom = document.querySelector("header");
     let careersType = document.querySelector(".careersType .titleBg");
-    let isMobile=this.isMobile;
+    let isMobile = this.isMobile;
     function updateScrollChange() {
       try {
-        
+
         let scrollY = window.scrollY;
-        if(scrollyOld<scrollY&&!headerDom.classList.contains("hideHeader")){
+        if (scrollyOld < scrollY && !headerDom.classList.contains("hideHeader")) {
           headerDom.classList.add("hideHeader");
           careersType.classList.remove("topType");
-        }else if(scrollyOld>scrollY&&headerDom.classList.contains("hideHeader")){
+        } else if (scrollyOld > scrollY && headerDom.classList.contains("hideHeader")) {
           headerDom.classList.remove("hideHeader");
-          if(careersType&&!isMobile){
+          if (careersType && !isMobile) {
             careersType.classList.add("topType");
           }
         }
-        scrollyOld=scrollY;
-      } catch (error) {}
+        scrollyOld = scrollY;
+      } catch (error) { }
     }
-  
-      
-  // 添加滚动事件监听器
-  window.addEventListener('scroll', updateScrollChange);
-  
-    
+
+
+    // 添加滚动事件监听器
+    window.addEventListener('scroll', updateScrollChange);
+
+
   }
-  
+
   //移动端头部
   initHeaderM() {
     let navFlagBtn = document.querySelector(".headerMobile .navFlagBtn");
@@ -217,19 +224,19 @@ export default class Common {
     let navMenus = document.querySelectorAll(".headerMobile .navMenu>div");
     let logo = document.querySelector(".headerMobile .logo");
     logo.addEventListener("click", (e) => {
-      window.location.href ="/index.html"
+      window.location.href = "/index.html"
     });
-    navMenus.forEach(function(item) {
+    navMenus.forEach(function (item) {
       item.addEventListener("click", (e) => {
-        if(item.classList.contains("menuShow")){
+        if (item.classList.contains("menuShow")) {
           item.classList.remove("menuShow");
-        }else{
+        } else {
           item.classList.add("menuShow");
         }
       });
     })
-    
-    
+
+
     //0-关闭状态、1-为打开状态
     navFlagBtn.addEventListener("click", (e) => {
       let flag = parseInt(navFlagBtn.dataset.flag) || 0;
@@ -246,7 +253,7 @@ export default class Common {
           .classList.add("arrowDirectionCenter");
         navFlag.classList.add("FlagOpen");
         navFlagBtn.classList.add("btnOpen");
-        gsap.fromTo(navFlag, { xPercent: 100,opacity:0}, { xPercent: 0,opacity:1});
+        gsap.fromTo(navFlag, { xPercent: 100, opacity: 0 }, { xPercent: 0, opacity: 1 });
       } else {
         navFlagBtn.dataset.flag = 0;
         navFlagBtn
@@ -259,34 +266,34 @@ export default class Common {
           .querySelector(".lineCenter")
           .classList.remove("arrowDirectionCenter");
         gsap.to(navFlag, {
-            xPercent: 100,opacity:0,
-            onComplete: () => {
-              navFlag.classList.remove("FlagOpen");
-            }
-          });
-          navFlagBtn.classList.remove("btnOpen");
-          navMenus.forEach(function(item) {
-            item.classList.remove("menuShow");
-          })
+          xPercent: 100, opacity: 0,
+          onComplete: () => {
+            navFlag.classList.remove("FlagOpen");
+          }
+        });
+        navFlagBtn.classList.remove("btnOpen");
+        navMenus.forEach(function (item) {
+          item.classList.remove("menuShow");
+        })
       }
     });
   }
 
-  initFooterM(){
+  initFooterM() {
     let menuItems = document.querySelectorAll(".footerClick");
-    menuItems.forEach(function(item) {
-        let targetDom = item.querySelector(".h7");
-        targetDom.setAttribute("href", "javascript:void(0)");
-        item.addEventListener("click", (e) => {
-          if (item?.classList?.contains("ckShow")) {
-            item.classList.remove("ckShow");
-          } else {
-           item.classList.add("ckShow");
-          }
-        });
+    menuItems.forEach(function (item) {
+      let targetDom = item.querySelector(".h7");
+      targetDom.setAttribute("href", "javascript:void(0)");
+      item.addEventListener("click", (e) => {
+        if (item?.classList?.contains("ckShow")) {
+          item.classList.remove("ckShow");
+        } else {
+          item.classList.add("ckShow");
+        }
+      });
     });
-    
-    
+
+
   }
-  
+
 }