修复bug

src/pages/common/tpl/header.tpl

@@ -39,7 +39,7 @@
                 </div>
             </div>
             <div class="menuOne">
-                <a href="">党建工作</a>
+                <a href="./partyBuilding.html">党建工作</a>
                 <div class="menuSon">
                     <div class="menuUp"></div>
                     <a href=""><span>企业党建</span></a>
@@ -47,7 +47,7 @@
                 </div>
             </div>
             <div class="menuOne">
-                <a href="">社会责任</a>
+                <a href="./socialResponsibility.html">社会责任</a>
                 <div class="menuSon">
                     <div class="menuUp"></div>
                     <a href=""><span>社会公益</span></a>

src/pages/socialResponsibility/App.js

@@ -10,7 +10,7 @@ const pageSize = 5;
 
 export default class App {
     constructor() {
-        let common = new Common(document.querySelector('.main'),2)   //导航菜单高亮，0是首页，后面的按顺序添加
+        let common = new Common(document.querySelector('.main'),4)   //导航菜单高亮，0是首页，后面的按顺序添加
         this.isMobile = isMobile()
         this.num = 0;
         this.bindDom();
@@ -19,9 +19,9 @@ export default class App {
     }
 
     bindDom(){
-        const tabs_ul =  document.querySelectorAll(".tabs_li");
-        const news_ul =  document.querySelector(".news_ul");
-        const typeCon =  document.querySelector(".typeCon");
+        const tabs_ul = document.querySelectorAll(".tabs_li");
+        const news_ul = document.querySelector(".news_ul");
+        const typeCon = document.querySelector(".typeCon");
         
         tabs_ul.forEach((item,index)=>{
         
@@ -36,77 +36,75 @@ export default class App {
                 }else{
                     news_ul.style.display = 'none';
                     typeCon.style.display = 'block';
-                    this.fold()
+                    this.fold() 
                 }
                 // 给当前点击的元素添加 tabs_lis 类名
                 item.classList.add('tabs_lis');
             })
         })
     }
-    clearEvents(){
-        
-    }
+
     fold(){
         let isMobile=this.isMobile;
+        if(this.num == 0){
+            let liTitleArray = document.querySelectorAll('.liTitle');
+            liTitleArray.forEach((child )=>{
+                child.addEventListener('click', (event) => {
+                    // 获取被点击元素的父元素
+                    let parentElement = event.currentTarget.parentNode;
+                    let infoSonLi = parentElement.querySelector('.infoSonLi');
+                    let actualHeight = infoSonLi.offsetHeight;
+                    // 初始化子元素总高度
+                    let childrenTotalHeight = isMobile?30:0;
 
-        let liTitleArray = document.querySelectorAll('.liTitle');
-        liTitleArray.forEach((child )=>{
-            child.addEventListener('click', (event) => {
-                // 获取被点击元素的父元素
-                let parentElement = event.currentTarget.parentNode;
-                let infoSonLi = parentElement.querySelector('.infoSonLi');
-                let actualHeight = infoSonLi.offsetHeight;
-                // 初始化子元素总高度
-                let childrenTotalHeight = isMobile?30:0;
-
-                // 遍历所有子元素，累加它们的高度
-                Array.from(infoSonLi.children).forEach(child => {
-                    childrenTotalHeight += child.offsetHeight;
+                    // 遍历所有子元素，累加它们的高度
+                    Array.from(infoSonLi.children).forEach(child => {
+                        childrenTotalHeight += child.offsetHeight;
+                    });
+                    let totalHeight = actualHeight + childrenTotalHeight;
+                    if (parentElement.classList.contains("infoLiShow")) {
+                        parentElement.classList.remove('infoLiShow');
+                        gsap.to(infoSonLi,{height:0,duration:0.5})
+                    }else{
+                        parentElement.classList.add('infoLiShow');
+                        gsap.to(infoSonLi,{height:totalHeight,duration:0.5})
+                        // gsap.to(infoSonLi,{height:totalHeight,duration:1,onComplete: () => infoSonLi.style.height = 'auto'})
+                    }
                 });
-                let totalHeight = actualHeight + childrenTotalHeight;
-                if (parentElement.classList.contains("infoLiShow")) {
-                    parentElement.classList.remove('infoLiShow');
-                    gsap.to(infoSonLi,{height:0,duration:0.5})
-                }else{
-                    parentElement.classList.add('infoLiShow');
-                    gsap.to(infoSonLi,{height:totalHeight,duration:0.5})
-                    // gsap.to(infoSonLi,{height:totalHeight,duration:1,onComplete: () => infoSonLi.style.height = 'auto'})
-                }
             });
-        });
-        let typeTitCkArray = document.querySelectorAll('.typeTitCk');
-        let inFoul = document.querySelector('.infoul');
-        
-        let infoLiArray = document.querySelectorAll('.infoLi');
-        function addClassType() {
-            infoLiArray.forEach((val)=>{
-                val.classList.remove('infoLiShow');
-            })
+            let typeTitCkArray = document.querySelectorAll('.typeTitCk');
+            let inFoul = document.querySelector('.infoul');
+            
+            let infoLiArray = document.querySelectorAll('.infoLi');
+            function addClassType() {
+                infoLiArray.forEach((val)=>{
+                    val.classList.remove('infoLiShow');
+                })
+                typeTitCkArray.forEach((child )=>{
+                    child.classList.remove('ck');
+                });
+            }
+            //
+            let typeOld="all";
+            let element=document.querySelector('.typeTitle');
             typeTitCkArray.forEach((child )=>{
-                child.classList.remove('ck');
-            });
-        }
-        //
-        let typeOld="all";
-        let element=document.querySelector('.typeTitle');
-        typeTitCkArray.forEach((child )=>{
-            child.addEventListener('click', (event) => {
-                addClassType();
-                let domElement = event.target;
-                domElement.classList.add('ck');
-                let typeName = domElement.dataset.type;
-                inFoul.className = 'infoul '+ typeName;
-                if(isMobile){
-                    if(typeName=='type2'&&typeOld!='type3'){
-                        element.scrollLeft = element.scrollWidth - element.clientWidth;
-                    }else if(typeName=='type2'&&typeOld=='type3'){
-                        element.scrollLeft = 0;
+                child.addEventListener('click', (event) => {
+                    addClassType();
+                    let domElement = event.target;
+                    domElement.classList.add('ck');
+                    let typeName = domElement.dataset.type;
+                    inFoul.className = 'infoul '+ typeName;
+                    if(isMobile){
+                        if(typeName=='type2'&&typeOld!='type3'){
+                            element.scrollLeft = element.scrollWidth - element.clientWidth;
+                        }else if(typeName=='type2'&&typeOld=='type3'){
+                            element.scrollLeft = 0;
+                        }
                     }
-                }
+                });
             });
-        });
 
-        // if(this.num == 0){
+        
             //添加表单动画
             let liTits = document.querySelectorAll('.liTit');
             liTits.forEach((val)=>{
@@ -129,7 +127,7 @@ export default class App {
                 
             })
             this.num = 1;
-        // }
+        }
        
     }
     hotNews(){