refactor: mobile header

app/index/lang/en-us/mobile.php

@@ -6,6 +6,9 @@ return [
     '产品列表' => 'Products',
     '搜索' => 'Search',
     '搜索历史' => 'Search History',
+    '请输入搜索关键词' => 'Please enter a search keyword',
+    '搜索记录' => 'Search History',
+    '清空' => 'Clear',
     '请择地区' => 'SELECT A REGION',
     '产品' => 'Product',
     '联系方式' => 'Contact',

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

@@ -8,7 +8,7 @@
 
     body {
         overflow-x: hidden;
-       
+
     }
 
     a {
@@ -376,8 +376,8 @@
         justify-content: flex-end;
         max-width: 46.75em;
     }
-    
-    
+
+
     .header-dropdown-products {
         display: flex;
         flex-wrap: wrap;
@@ -387,7 +387,7 @@
         gap: 1.5em 0;
     }
 
-    
+
 
     .header-product-card {
          text-align: center;
@@ -397,8 +397,8 @@
         min-width: 260px;
         transition: transform 0.2s ease;
     }
-    
-    
+
+
     .header-product-card-1 {
         text-align: center;
         width: 100%;
@@ -452,7 +452,7 @@
         overflow: hidden;
         border-radius: 0.5em;
     }
-    
+
     .header-product-img img {
         width: 100%;
         height: 100%;
@@ -1065,7 +1065,7 @@
                             </div>
                             {if condition="!empty($vo.recommends)"}
                             <div class="header-dropdown-products">
-                                {volist name="$vo.recommends" id="recommend"}
+                                {volist name="vo.recommends" id="recommend"}
                                 <div class="header-product-card">
                                     <a href="{$recommend.link}">
                                         <div class="header-product-img">
@@ -1083,7 +1083,7 @@
                 </div>
                 {/if}
                 {if condition="!empty($header_navigation)"}
-                {volist name="$header_navigation" id="nav"}
+                {volist name="header_navigation" id="nav"}
                 <div class="header-nav-item">
                     {if condition="empty($nav.children)"}
                     <div class="header-nav-title">
@@ -1093,7 +1093,7 @@
                     <div class="header-nav-title">{$nav.name}</div>
                     <div class="header-dropdown">
                         <div class="header-dropdown-content1">
-                            {volist name="$nav.children" id="child"}
+                            {volist name="nav.children" id="child"}
                             <div class="header-product-card-1">
                                 <a href="{$child.link}" target="{$child.blank==1?'_blank':'_self'}">
                                     <div class="header-product-img-1">
@@ -1159,7 +1159,7 @@
                         {volist name="header_languages" id="vo"}
                         <a href="{$vo.lang_url}" class="header-lang-item" data-lang="zh-CN" target="_self">
                             <img src="{$vo.lang_icon}" alt="">
-                           
+
                             {eq name=":cookie('think_lang')" value="zh-cn"}
                             <span class="header-lang-code">{$vo.country_zh_name}</span>
                             <span class="header-lang-name">{$vo.lang_name}</span>
@@ -1306,7 +1306,7 @@
     if (searchCloseBtn && searchCloseBtn) {
         searchCloseBtn.addEventListener('click', (e) =>
         {
-          
+
             e.stopPropagation();
             searchDropdown.classList.remove('show');
         });