笔记本

.gitattributes

@@ -1,12 +1,10 @@
 *.eot filter=lfs diff=lfs merge=lfs -text
-*.ttf filter=lfs diff=lfs merge=lfs -text
 *.woff filter=lfs diff=lfs merge=lfs -text
 *.woff2 filter=lfs diff=lfs merge=lfs -text
-*.svg filter=lfs diff=lfs merge=lfs -text
-*.tff filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.rar filter=lfs diff=lfs merge=lfs -text
 *.pdf filter=lfs diff=lfs merge=lfs -text
 *.gz filter=lfs diff=lfs merge=lfs -text
 *.gzip filter=lfs diff=lfs merge=lfs -text
+*.ttf filter=lfs diff=lfs merge=lfs -text
 *.otf filter=lfs diff=lfs merge=lfs -text

app/index/controller/TopicLaptop.php

@@ -0,0 +1,20 @@
+<?php
+declare (strict_types = 1);
+
+namespace app\index\controller;
+
+use think\facade\View;
+use think\Request;
+
+class TopicLaptop extends Common
+{
+    /**
+     * 专题 - 笔记本电脑首页
+     */
+    public function index()
+    {
+        
+
+        return View::fetch('index');
+    }
+}

app/index/controller/TopicPowerProdline.php

@@ -12,43 +12,6 @@ use think\Request;
  */
 class TopicPowerProdline extends Common
 {
-    /**
-     * 重写控制器初始化
-     */
-    public function initialize()
-    {
-        // 获取国家/语言列表
-        $languages = $this->getLanguages();
-        // 输出国家/语言列表
-        if (get_platform() == 'mobile') {
-            View::assign('header_languages', $languages);
-        }
-
-        // 获取当前语言
-        $current_language = $this->getCurrentLanguage($languages);
-        if (!empty($current_language)) {
-            $this->lang_id = $current_language['id'];
-        }
-
-        // 获取产品分类
-        $categorys = $this->getProductCategory($this->lang_id);
-        // 输出产品分类
-        View::assign('header_categorys', $categorys);
-
-        // 获取系统配置
-        $configs = $this->getSysConfig($this->lang_id, ['basic', 'contact', 'media']);
-        $this->basic_config = $configs['basic'];
-        // 输出系统配置
-        View::assign('basic_config', $configs['basic']);
-        View::assign('contact_config', $configs['contact']);
-        View::assign('media_config', $configs['media']);
-
-        // 获取底部导航
-        $footer_navigation = $this->getNavigation('NAV_67f60be43df8d', $this->lang_id);
-        // 输出底部导航
-        View::assign('footer_navigation', $footer_navigation);
-    }
-
     /**
      * 专题 - 电力品线首页
      */

app/index/route/route.php

@@ -107,10 +107,16 @@ Route::group('topic', function () {
     });
 
     // 专题 - 电力品线
-    Route::group("power_prodline", function() {
+    Route::group('power_prodline', function() {
        // 专题 - 电力品线首页
        Route::get('index', 'TopicPowerProdline/index');
     });
+
+    // 专题 - 笔记本电脑
+    Route::group('laptop', function() {
+        // 专题 - 笔记本电脑首页
+        Route::get('index', 'TopicLaptop/index');
+    });
 });
 
 // 数据迁移

app/index/view/mobile/topic_power_prodline/index.html

@@ -461,30 +461,13 @@
         <div class="mask-scroll-content"></div>
     </div>
 </div> 
+
+
+
+
 {/block}
 {block name="script"}
 <script type="text/javascript">
-// (function (doc, win) {
-//     var docEl = doc.documentElement,
-//         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
-//         recalc = function () {
-//             var clientWidth = docEl.clientWidth;
-//             if (!clientWidth) return;
-            
-//             // 设计稿750px → 基准font-size=100px，375px设备自动变为50px
-//             clientWidth = Math.min(clientWidth, 750); // 大屏不超过设计稿宽度
-//             clientWidth = Math.max(clientWidth, 320); // 小屏保底
-//             docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
-            
-//             // 将console.log放在recalc内部，每次计算后打印
-//             console.log(docEl.style.fontSize, '=docEl.style.fontSize=');
-//         };
-
-//     if (!doc.addEventListener) return;
-//     win.addEventListener(resizeEvt, recalc, false);
-//     doc.addEventListener('DOMContentLoaded', recalc, false);
-// })(document, window);
-
     let swiper=null;
     const advantageItems = document.querySelectorAll('.advantage-card');
     let scrollTop = 0; // 保存页面滚动位置

app/index/view/pc/public/header.html

@@ -125,6 +125,43 @@
 		</div>
 	</div>
 </header>
+<script type="text/javascript">
+    $(function() {
+        $('.header-PC #header .navItem>a').each(function(idx, item) {
+            var _item = $(item);
+            _item.removeClass('active');
+            if (_item.attr('href') && compareUrls(location.href, _item.get(0).href)) {
+                _item.addClass('active').siblings();
+            }
+        });
+        
+        // 比较两个URL是否相等（支持只有path的情况，并处理有无.html后缀的情况）
+        function compareUrls(url1, url2) {
+            // 如果输入的是相对路径，添加当前域名
+            if (!url1.startsWith('http')) {
+                url1 = window.location.origin + (url1.startsWith('/') ? '' : '/') + url1;
+            }
+            if (!url2.startsWith('http')) {
+                url2 = window.location.origin + (url2.startsWith('/') ? '' : '/') + url2;
+            }
+
+            // 将两个URL转换为URL对象
+            const urlObj1 = new URL(url1);
+            const urlObj2 = new URL(url2);
+
+            // 获取路径名并移除末尾的斜杠
+            let path1 = urlObj1.pathname.replace(/\/$/, '');
+            let path2 = urlObj2.pathname.replace(/\/$/, '');
+
+            // 移除.html后缀
+            path1 = path1.replace(/\.html$/, '');
+            path2 = path2.replace(/\.html$/, '');
+
+            // 比较处理后的路径
+            return path1 === path2;
+        }
+    })
+</script>
 <script>
 	$(document).ready(function () {
 		// 搜索历史记录处理

app/index/view/pc/topic_power_prodline/index.html

@@ -1,4 +1,4 @@
-{extend name="public/nas_base" /}
+{extend name="public/base" /}
 {block name="style"}
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/index.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/swiper.css">
@@ -10,15 +10,7 @@
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_card.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/footer.css">
 {/block}
-{block name="header"}
-<!-- 重置header头为空 -->
-{/block}
 {block name="main"}
-<a class="header" href="/">
-    <div class="header-img">
-        <img src="__IMAGES__/logo.png" alt="">
-    </div>
-</a>
 <!-- 轮播核心容器 -->
 <div class="swiper-container auto-swiper-container" >
     {notempty name="data.focus_image"}

public/static/index/mobile/css/topic_power_prodline/index.css

@@ -78,3 +78,88 @@ html {
     font-size: inherit !important; /* 继承内联样式的50px，而非浏览器默认值 */
     -webkit-text-size-adjust: none !important; /* 禁止iOS自动调整字体大小 */
 }
+.oircoEgapp-foot .logo-white img {
+    margin: 0 auto;
+  }
+  .oircoEgapp-foot .m_footer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+  }
+  .oircoEgapp-foot .m_footer .left,
+  .oircoEgapp-foot .foot-con {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .oircoEgapp-foot .m_footer .right {
+    max-width: 55%;
+  }
+  .oircoEgapp-foot .m_footer .left {
+    max-width: 40%;
+    justify-content: end;
+    margin-right: 4%;
+  }
+  .oircoEgapp-foot .foot-con span {
+    width: auto;
+    padding: 0 0.625rem;
+  }
+  .oircoEgapp-foot .foot-cate .clearfix li h3 {
+    margin-bottom: 10px;
+  }
+  .oircoEgapp-foot .foot-cate .clearfix li p,
+  .oircoEgapp-foot .foot-cate .clearfix li p a {
+    font-size: 12px;
+  }
+  .logo-white {
+    text-align: center;
+    padding: 1rem 0 0;
+    display: flex;
+    align-items: center;
+}
+.foot-cate {
+    padding: 0 0.16rem;
+}
+.foot-cate h3 {
+    font-size: 0.28rem;
+}
+.foot-cate li {
+    padding: 0.7rem 0;
+    min-height: 1.8rem;
+}
+.foot-cate li p {
+    line-height: 0.8rem;
+}
+.m_footer .right {
+    float: right;
+    width: 57%;
+    text-align: left;
+}
+.foot-con span {
+    font-size:0.28rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    width: 100%;
+   height: auto;
+    cursor: pointer;
+    font-family: 'HarmonyOS-Medium';
+}
+.oircoEgapp-foot .foot-con span {
+    width: auto;
+    padding: 0 0.125rem;
+}
+.m_footer .left  a{
+    display: flex;
+    align-items: center;
+}
+.m_footer .left img {
+   width: 0.7rem;
+    padding-right: 0.2rem;
+    padding-top: 0;
+}
+.oircoEgapp-foot .m_footer .right {
+    max-width: 50%;
+}

public/static/index/pc/css/orico_header.css

@@ -177,6 +177,7 @@
   padding-left: 0;
   white-space: nowrap;
 }
+.header-PC #header .nav2 .navItem > a.active,
 .header-PC #header .nav2 .navItem .navItemConten1 li a:hover {
   color: #004bfa;
 }