From 487a7d26f96a82df100b654c00a3db990d03fc32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=B9=8F?= <zhaopeng@hainatravel.com>
Date: Wed, 9 Jul 2025 14:11:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E6=B5=B7=E7=AB=99=E4=B8=80=E6=97=A5?=
 =?UTF-8?q?=E6=B8=B8=E5=92=8C=E7=BA=BF=E8=B7=AF=E5=88=97=E8=A1=A8fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile_first/shanghai-daytrip-list.php    | 21 ++++++++++++++---
 .../views/mobile_first/shanghai-tour-list.php | 23 +++++++++++++++----
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/application/views/mobile_first/shanghai-daytrip-list.php b/application/views/mobile_first/shanghai-daytrip-list.php
index d9f02716..503492e9 100644
--- a/application/views/mobile_first/shanghai-daytrip-list.php
+++ b/application/views/mobile_first/shanghai-daytrip-list.php
@@ -1,7 +1,12 @@
 <div class="filter-box">
     <div class="filter-left">
         <div class="filter-item">
-            <div class="filter-nav">THEME</div>
+            <input type="radio" name="tab1" id="tab1a" class="tabs">
+            <label for="tab1a" class="open filter-nav">Theme</label>
+            <input type="radio" name="tab1" id="tab1ac" class="tabs close">
+            <label for="tab1ac" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1ad" class="tabs overlay">
+            <label for="tab1ad" class="modal-overlay"></label>
             <div class="filter-popup">                
                 <ul  id="theme-list">
                     <?php foreach ($allTypeList->extendType as $ltItem) { ?>
@@ -14,7 +19,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Hours</div>
+            <input type="radio" name="tab1" id="tab1b" class="tabs">
+            <label for="tab1b" class="open filter-nav">Hours</label>
+            <input type="radio" name="tab1" id="tab1bc" class="tabs close">
+            <label for="tab1bc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1bd" class="tabs overlay">
+            <label for="tab1bd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <ul id="hours-list">
                     <li><a href="javascript:;" data-day="1-3">1-3 Hours</a></li>
@@ -28,7 +38,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Price</div>
+            <input type="radio" name="tab1" id="tab1c" class="tabs">
+            <label for="tab1c" class="open filter-nav">Price</label>
+            <input type="radio" name="tab1" id="tab1cc" class="tabs close">
+            <label for="tab1cc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1cd" class="tabs overlay">
+            <label for="tab1cd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="price-list">
diff --git a/application/views/mobile_first/shanghai-tour-list.php b/application/views/mobile_first/shanghai-tour-list.php
index 6524b481..272128c4 100644
--- a/application/views/mobile_first/shanghai-tour-list.php
+++ b/application/views/mobile_first/shanghai-tour-list.php
@@ -1,7 +1,12 @@
 <div class="filter-box">
     <div class="filter-left">
-        <div class="filter-item">
-            <div class="filter-nav">Theme</div>
+        <div class="filter-item">            
+            <input type="radio" name="tab1" id="tab1a" class="tabs">
+            <label for="tab1a" class="open filter-nav">Theme</label>
+            <input type="radio" name="tab1" id="tab1ac" class="tabs close">
+            <label for="tab1ac" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1ad" class="tabs overlay">
+            <label for="tab1ad" class="modal-overlay"></label>
             <div class="filter-popup">                
                 <ul  id="category-list">
                     <?php foreach ($lineTypeList as $ltItem) { ?>
@@ -14,7 +19,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Days</div>
+            <input type="radio" name="tab1" id="tab1b" class="tabs">
+            <label for="tab1b" class="open filter-nav">Days</label>
+            <input type="radio" name="tab1" id="tab1bc" class="tabs close">
+            <label for="tab1bc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1bd" class="tabs overlay">
+            <label for="tab1bd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="days-list">
@@ -30,7 +40,12 @@
             </div>
         </div>
         <div class="filter-item">
-            <div class="filter-nav">Price</div>
+            <input type="radio" name="tab1" id="tab1c" class="tabs">
+            <label for="tab1c" class="open filter-nav">Price</label>
+            <input type="radio" name="tab1" id="tab1cc" class="tabs close">
+            <label for="tab1cc" class="close">&times;</label>
+            <input type="radio" name="tab1" id="tab1cd" class="tabs overlay">
+            <label for="tab1cd" class="modal-overlay"></label>
             <div class="filter-popup">
                 <p class="popup-title"></p>
                 <ul id="price-list">