information-system/application/views/mobile_first/shanghai-tour-list.php

<div class="filter-box">
    <div class="filter-left">
        <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) { ?>
                    <li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
                    <?php } ?>
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-category"><strong>Clear</strong></a>                    
                </div>
            </div>
        </div>
        <div class="filter-item">
            <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">
                    <li><a href="javascript:;" data-day="1-2">1-2 Days</a></li>
                    <li><a href="javascript:;" data-day="3-3">3 Days</a></li>
                    <li><a href="javascript:;" data-day="4-4">4 Days</a></li>
                    <li><a href="javascript:;" data-day="5-7">5-7 Days</a></li>
                    <li><a href="javascript:;" data-day="8-20">more than 7 days</a></li>
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-days"><strong>Clear</strong></a>                  
                </div>
            </div>
        </div>
        <div class="filter-item">
            <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">
                    <li><a href="javascript:;" data-price="0-299">< $300</a></li>
                    <li><a href="javascript:;" data-price="300-500">$300-$500</a></li>
                    <li><a href="javascript:;" data-price="501-1000">$501-$1000</a></li>
                    <li><a href="javascript:;" data-price="1001-10000">> $1000</a></li>         
                </ul>
                <div class="popup-bottom">
                    <a href="javascript:;" class="clearbtn" id="clear-price"><strong>Clear</strong></a>          
                </div>
            </div>
        </div>
    </div>
    <div class="filter-right"><strong><span id="all-count">0</span> activities in <?php if($this->config->item('site_code')=="shanghai"){echo "Shanghai";} else if($this->config->item('site_code')=="beijing"){echo "Beijing" ;}  ?></strong></div>
</div>
<div class="flex-row4" id="js_tourlist">
    <div class="flex-col border-box"><a href="#" rel="nofollow"><span class="flag-box"></span><img alt="most classic china tour" class="img-responsive" src="https://data.chinatravel.com/images/homepage/600-450/guilin-landscape.jpg"></a>
        <div class="caption">
            <h3><a href="#">Suzhou and Tongli Water Town Tour from Shanghai</a></h3>
            <ul class="card-ul">
                <li class="card-day">15-Day</li>
                <li>Xi’an</li>
                <li>Guilin</li>
                <li>Yangshuo</li>
                <li>Shanghai</li>
            </ul>
            <div class="caption-btn">
                <p>From <span class="baseprice font24">US$3949</span></p>
                <p><a aria-label="button" class="btn-base" href="#" rel="nofollow">View More</a></p>
            </div>
        </div>
    </div>
</div>

<script>

    
var TourData = <?php echo json_encode($tourListData, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>;    
// 如果$tourListData可能为null，可以添加默认值
TourData = TourData || [];

</script>