返回功能

app/index/view/mobile/product/classify.html

@@ -63,7 +63,7 @@
                 {if condition="!empty($child.products)"}
                 <div class="scroll-box">
                     {volist name="$child.products" id="pro"}
-                    <div class="card" href="{:url('product/detail', ['id' => $pro.id])}">
+                    <a class="card" href="{:url('product/detail', ['id' => $pro.id])}">
                         <div class="card-img">
                             <img src="{$pro.cover_image}" alt="">
                         </div>
@@ -71,7 +71,7 @@
                             <div class="card-name">{$pro.name}</div>
                             <div class="card-model">{$pro.spu}</div>
                         </div>
-                    </div>
+                    </a>
                     {/volist}
                 </div>
                 {/if}
@@ -95,7 +95,7 @@
             || el.parentElement.nextElementSibling
         if (box) box.scrollBy({ left: 150, behavior: 'smooth' })
     }
-
+    const back = document.querySelector('.back')
     // 左侧Tab切换
     const navItems = document.querySelectorAll('.nav-item')
     const tabPanes = document.querySelectorAll('.tab-pane')
@@ -113,5 +113,9 @@
             document.getElementById(target)?.classList.add('active')
         })
     })
+
+    back.addEventListener('click',()=>{
+        window.location.href = document.referrer;
+    })
 </script>
 {/block}

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

@@ -3,7 +3,7 @@
         margin: 0;
         padding: 0;
         box-sizing: border-box;
-        font-family: sans-serif
+    
     }
 
     a {
@@ -72,7 +72,7 @@
     /* 所有菜单项统一用 div */
     .menu-item {
         margin: 0 22px;
-        font-size: 15px;
+        font-size: 15px !important;
         color: #333;
         border-bottom: 1px solid #f5f5f5;
         cursor: pointer;
@@ -122,7 +122,7 @@
 
     .sub-item {
         padding: 0 16px;
-        font-size: 14px;
+        font-size: 14px !important;
         margin: 16px 0;
     }
 
@@ -146,13 +146,13 @@
     }
 
     .sub-item-card-title {
-        font-size: 16px;
+        font-size: 16px !important;
         color: #1D1D1F;
         margin-top: 10px;
     }
 
     .sub-item-card-name {
-        font-size: 14px;
+        font-size: 14px !important;
         color: #686A70;
         margin-top: 4px;
         margin-bottom: 24px;
@@ -212,7 +212,7 @@
     .modal-item {
         width: calc(50% - 16px);
 
-        font-size: 16px;
+        font-size: 16px !important;
         color: #1D1D1F;
         cursor: pointer;
         text-align: center;
@@ -234,7 +234,7 @@
 
     .modal-item-title {
         margin-top: 10px;
-        font-size: 16px;
+        font-size: 16px !important;
         color: #1D1D1F;
     }
 
@@ -261,7 +261,7 @@
     }
 
     .lang-item {
-        font-size: 16px;
+        font-size: 16px !important;
         color: #1D1D1F;
         cursor: pointer;
         display: flex;
@@ -311,7 +311,7 @@
         border: none;
         outline: none;
         background: transparent;
-        font-size: 14px;
+        font-size: 14px !important;
         padding: 10px 0;
     }
 
@@ -359,12 +359,12 @@
     }
 
     .search-history-title {
-        font-size: 14px;
+        font-size: 14px !important;
         color: #888;
     }
 
     .search-history-clear {
-        font-size: 12px;
+        font-size: 12px !important;
         color: #999;
         cursor: pointer;
     }
@@ -397,7 +397,7 @@
     }
 
     .search-history-item span {
-        font-size: 14px;
+        font-size: 14px !important;
         color: #333;
     }
 
@@ -415,7 +415,7 @@
     .empty-history {
         text-align: center;
         padding: 40px 0;
-        font-size: 14px;
+        font-size: 14px !important;
         color: #aaa;
     }
     .mobile-header-right {