<\/script>\');'); // 加载主题自定义JS（Banner轮播现在使用原生JavaScript实现） wp_enqueue_script('nenghui-main-js', get_template_directory_uri() . '/assets/js/index.js', array('jquery'), $main_js_version, true); // 按正确的依赖顺序加载样式文件，避免CSS阻塞渲染 // 只加载必要的CSS文件 wp_enqueue_style('nenghui-main-css', get_template_directory_uri() . '/assets/css/index.css', array(), $main_css_version); // 添加滚动动画样式和平滑滚动 $scroll_animation_css = ' /* 平滑滚动 */ html { scroll-behavior: smooth; } /* 滚动动画基础样式 */ .fade-in-block { opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fade-in-block.animate { opacity: 1; transform: translateY(0); } /* 为所有区块添加动画类 */ .about-company-section, .banner-section, .cases-section, .certification-section, .contact-map-section, .development-history-section, .download-center-section, .ess-scenarios-section, .faq-section, .futures-section, .home-news-section, .map-section, .news-section, .overseas-services-section, .tabs-section, .technical-service-section, .warehousing-distribution-section, .about-info-section, .products-banner-section, .about-nav-section, .black-about-company-banner { opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .about-company-section.animate, .banner-section.animate, .cases-section.animate, .certification-section.animate, .contact-map-section.animate, .development-history-section.animate, .download-center-section.animate, .ess-scenarios-section.animate, .faq-section.animate, .futures-section.animate, .home-news-section.animate, .map-section.animate, .news-section.animate, .overseas-services-section.animate, .tabs-section.animate, .technical-service-section.animate, .warehousing-distribution-section.animate, .about-info-section.animate, .products-banner-section.animate, .about-nav-section.animate, .black-about-company-banner.animate { opacity: 1; transform: translateY(0); } /* 延迟动画效果 */ .fade-in-block:nth-child(1) { transition-delay: 0.1s; } .fade-in-block:nth-child(2) { transition-delay: 0.2s; } .fade-in-block:nth-child(3) { transition-delay: 0.3s; } .fade-in-block:nth-child(4) { transition-delay: 0.4s; } .fade-in-block:nth-child(5) { transition-delay: 0.5s; } /* 响应式优化 */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .fade-in-block, .about-company-section, .banner-section, .cases-section, .certification-section, .contact-map-section, .development-history-section, .download-center-section, .ess-scenarios-section, .faq-section, .futures-section, .home-news-section, .map-section, .news-section, .overseas-services-section, .tabs-section, .technical-service-section, .warehousing-distribution-section, .about-info-section, .products-banner-section, .about-nav-section, .black-about-company-banner { opacity: 1; transform: none; transition: none; } } '; wp_add_inline_style('nenghui-main-css', $scroll_animation_css); // 添加滚动动画JavaScript $scroll_animation_js = ' document.addEventListener("DOMContentLoaded", function() { // 创建Intersection Observer const observerOptions = { root: null, rootMargin: "0px 0px -100px 0px", threshold: 0.1 }; const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add("animate"); // 一旦动画触发，就停止观察该元素 observer.unobserve(entry.target); } }); }, observerOptions); // 选择所有需要动画的区块 const animatedBlocks = document.querySelectorAll( ".about-company-section, .banner-section, " + ".cases-section, .certification-section, .contact-map-section, " + ".development-history-section, .download-center-section, .ess-scenarios-section, " + ".faq-section, .futures-section, .home-news-section, " + ".map-section, .news-section, .overseas-services-section, " + ".tabs-section, .technical-service-section, .warehousing-distribution-section, " + ".about-info-section, .products-banner-section, .about-nav-section, " + ".black-about-company-banner, .fade-in-block" ); // 开始观察所有区块 animatedBlocks.forEach(function(block) { observer.observe(block); }); // 优化滚动性能 let ticking = false; function updateScrollPosition() { // 这里可以添加额外的滚动优化逻辑 ticking = false; } window.addEventListener("scroll", function() { if (!ticking) { requestAnimationFrame(updateScrollPosition); ticking = true; } }, { passive: true }); }); '; wp_add_inline_script('nenghui-main-js', $scroll_animation_js); // 只在文章详情页和案例详情页加载post.css if (is_single() || is_singular('cases')) { $post_css_file = get_template_directory() . '/assets/css/post.css'; if (file_exists($post_css_file)) { $post_css_version = filemtime($post_css_file); wp_enqueue_style('nenghui-post-css', get_template_directory_uri() . '/assets/css/post.css', array('nenghui-main-css'), $post_css_version); } } // 加载black-about-company-banner样式 $black_about_banner_css_file = get_template_directory() . '/assets/css/black-about-company-banner.css'; if (file_exists($black_about_banner_css_file)) { $black_about_banner_css_version = filemtime($black_about_banner_css_file); wp_enqueue_style('black-about-company-banner-style', get_template_directory_uri() . '/assets/css/black-about-company-banner.css', array('nenghui-main-css'), $black_about_banner_css_version); } // 加载black-about-company-banner轮播JavaScript $black_about_banner_js_file = get_template_directory() . '/assets/js/black-about-company-banner.js'; if (file_exists($black_about_banner_js_file)) { $black_about_banner_js_version = filemtime($black_about_banner_js_file); wp_enqueue_script('black-about-company-banner-js', get_template_directory_uri() . '/assets/js/black-about-company-banner.js', array('jquery'), $black_about_banner_js_version, true); } } add_action('wp_enqueue_scripts', 'nenghui_enqueue_scripts'); ?>