header搜索框样式错乱调整

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

@@ -9,7 +9,7 @@
         <!-- banner-->
         <div class="oidx-banner">
             {notempty name="focus_images"}
-            <div class="swiper-container bannerswiper">
+            <div class="swiper-container bannerswiper" style="background: #fff;">
                 <div class="swiper-wrapper">
                     {volist name="focus_images" id="fi"}
                     <div class="swiper-slide">

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

@@ -324,8 +324,14 @@
         height: 14px;
         cursor: pointer;
         opacity: 0.6;
+       
     }
-
+    .search-clear-box {
+        padding-right: 10px;
+    }
+    /* .search-clear-btn {
+        border-right: 1px solid #eee;
+    } */
     .search-input-box .search-clear-btn:hover {
         opacity: 1;
     }
@@ -334,8 +340,13 @@
         width: 18px;
         height: 18px;
         cursor: pointer;
+        box-sizing: border-box;
+    }
+    .search-submit-box {
+        border-left: 1px solid #d9d9d9;
+        padding-left:10px;
+        max-height: 18px;
     }
-
     .search-history {
         margin-top: 20px;
     }
@@ -407,6 +418,10 @@
         font-size: 14px;
         color: #aaa;
     }
+    .mobile-header-right {
+        display: flex;
+        align-items: center;
+    }
 </style>
 <header>
     <div class="mobile-header-box">
@@ -514,9 +529,14 @@
             <img src="__IMAGES__/header/x.png" class="modal-close">
             <div class="search-input-box">
                 <input type="text" placeholder="{:lang_i18n('请输入搜索关键词')}" id="searchInput">
-                <img src="__IMAGES__/header/x.png" alt="{:lang_i18n('清除')}" class="search-clear-btn" id="searchClearBtn" style="display: none;">
+              
-                <span style="width: 1px; color:#d9d9d9;margin: 0 10px;">|</span>
+                <div class="search-clear-box">
-                <img src="__IMAGES__/header/search.png" alt="{:lang_i18n('搜索')}" class="search-submit-icon" id="searchSubmit">
+                    <img src="__IMAGES__/header/x.png" alt="{:lang_i18n('清除')}" class="search-clear-btn" id="searchClearBtn" style="display: none;">
+                </div>
+                <!-- <span style="width: 1px; color:#d9d9d9;margin: 0 10px;">|</span> -->
+                <div class="search-submit-box">
+                    <img src="__IMAGES__/header/search.png" alt="{:lang_i18n('搜索')}" class="search-submit-icon" id="searchSubmit">
+                </div>
             </div>
             <div class="search-history">
                 <div class="search-history-header">
@@ -844,16 +864,16 @@
             if (keyword && keyword.trim()) {
                 const searchKeyword = keyword.trim();
                 console.log('搜索关键词:', searchKeyword);
-                addSearchHistory(searchKeyword);
+                if (searchKeyword) {
-                alert('搜索: ' + searchKeyword);
+                    addSearchHistory(searchKeyword);
-                searchModal.classList.remove('show');
+                    window.location.href = "{:url('product/search')}?keywords=" + encodeURIComponent(searchKeyword);
-                searchInput.value = '';
+                    searchModal.classList.remove('show');
-                searchClearBtn.style.display = 'none';
+                    searchInput.value = '';
-            } else {
+                    searchClearBtn.style.display = 'none';
-                alert('请输入搜索关键词');
+                }
-            }
-        }
 
+            } 
+        }12
         searchSubmit.addEventListener('click', function (e)
         {
             e.stopPropagation();
@@ -862,6 +882,7 @@
 
         searchInput.addEventListener('keypress', function (e)
         {
+            console.log(e,'========e=============')
             if (e.key === 'Enter' || e.key === 'enter' || e.keyCode === 13) {
                 e.preventDefault();
                 doSearch(searchInput.value);

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

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

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

@@ -9,7 +9,7 @@
 	<div class="pageMain">
 		<!-- banner -->
 		{notempty name="focus_images"}
-		<div class="swiper-container bannerswiper">
+		<div class="swiper-container bannerswiper" style="background: #fff;">
 			<div class="swiper-wrapper">
 				{volist name="focus_images" id="focus"}
 				<div class="swiper-slide">

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

@@ -28,7 +28,10 @@
         position: relative;
         padding: 0 12.5em;
         overflow: visible;
+        height: 64px;
         background: #fff;
+        display: flex;
+        align-items: center;
     }
 
     /* 顶部导航栏：内容区带左右边距，外框1920px */

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

@@ -13,7 +13,7 @@
   overflow-x: hidden;
 }
 .oricoEGapp .oricoEGapp-index .oidx-banner {
-  margin-top: 3.5rem;
+  margin-top: 46px;
   z-index: 9;
 }
 .oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {

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

@@ -17,7 +17,7 @@
   width: 100%;
   height: auto;
   position: relative;
-  margin-top: 3.75rem;
+  margin-top: 64px;
 }
 
 .orico_Page_index .pageMain .bannerswiper .swiper-slide img {