{layout name="layout"/} {php} use app\model\Category; use app\model\CasesModel; $childrenMenu = Category::getChildrenByParentId($topCategoryId); $items = CasesModel::getByParentId($category['id'],true,$category['number'] ?: 6); {/php} {include file="public/about_second" /} <!-- 简介 --> <div class="pull-section pull-profile-bg wow fadeInUp"> <div class="company-profile company-culture flex w1360"> <div class="txt"> <div class="profile-title culture-title project-title"> <p class="capitalize font-helvetica color-ashen wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['item_title']['value']}</p> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['item_title']['title']}</strong> </div> <div class="profile-info culture-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> {$blocks['item_info']['value']|raw} </div> </div> <div class="img scale-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <img src="{$isMobile ? $blocks['item_info_img_mobile']['value'] : $blocks['item_info_img_pc']['value']}" alt="{$blocks['item_title']['title']}"> </div> </div> </div> <!-- 内容 --> <div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="profile-title culture-title honor-title project-title"> <p class="capitalize font-helvetica color-ashen wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['case_list_title']['value']}</p> <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['case_list_title']['title']}</strong> </div> <div class="project-case-list red-property-case flex w1360"> {foreach $items as $item} <a href="/cases/{$item.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="img"><img src="{$isMobile ? $item['image_mobile'] : $item['image']}" alt="{$item.title}"></div> <div class="info bg-col-ashen"> <div class="txt flex"> <p class="clips1">{$item.title}</p> </div> <p class="color-white clips2">{$item.description}</p> </div> </a> {/foreach} </div> <div style="text-align: center;margin-top: 15px;display: none" class="show-msg">没有更多了</div> <!-- 加载更多 --> <div class="red-property-more w1360"> <div class="get-more-cases load-more-news bg-col-white color-blue" data-href="/cases/getList?category_id={$category['id']}" data-page="2" data-size="{$category['number'] ?? 6}">点击加载更多</div> </div> </div> <script> $('body').on('click', '.get-more-cases', function () { let that = $(this); let url = that.data('href'); let page = that.data('page'); let size = that.data('size'); $.post(url, {page: page, size: size}, function (res) { if (res.code === 0) { if (!res.data || res.data.length <= 0) { $('.show-msg').show(); setTimeout(function () { $('.show-msg').hide(); }, 2000) return false; } let html = ``; $.each(res.data, function (index, item) { html += ` <a href="/cases/${item.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="img"><img src="${item.image}" alt="${item.title}"></div> <div class="info bg-col-ashen"> <div class="txt flex"> <p class="clips1">${item.title}</p> <span>+</span> </div> <p class="color-white clips2">${item.description}</p> </div> </a> `; }) page++; that.data('page', page) $('.project-case-list').append(html); return false; } }) }) </script>