93 lines
4.6 KiB
HTML
Executable File
93 lines
4.6 KiB
HTML
Executable File
{layout name="layout"/}
|
|
{php}
|
|
use app\model\Article;
|
|
use app\model\Category;
|
|
$childrenMenu = Category::getChildrenByParentId($topCategoryId);
|
|
$items = Article::getList(Category::CATEGORY_MARKET_SERVICE, $category['number'] ?? 30, null ,['recommend']);
|
|
{/php}
|
|
|
|
{include file="public/about_second" /}
|
|
|
|
<!-- 中正社区 -->
|
|
<div class="market-banner w1360 wap-show">
|
|
<!-- 标题 -->
|
|
<div class="detai-title">
|
|
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['market_zhongzheng']['title']}</h1>
|
|
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['market_zhongzheng']['value']}</div>
|
|
</div>
|
|
<div class="market-banner-swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{if isset($blocks['market_slide_mobile']['value']) && !empty($blocks['market_slide_mobile']['value'])}
|
|
{php}$slideImages = json_decode($blocks['market_slide_mobile']['value'], true);{/php}
|
|
{foreach $slideImages as $k => $slide}
|
|
<div class="swiper-slide">
|
|
<img src="{$slide.src ?? ''}" alt="{$slide.alt ?: '中正社区'}">
|
|
</div>
|
|
{/foreach}
|
|
{/if}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 友邻集市 -->
|
|
<div class="market-nav w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
|
<!-- 标题 -->
|
|
<div class="detai-title wap-show">
|
|
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['market_list_title']['title']}</h1>
|
|
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['market_list_title']['value']}</div>
|
|
</div>
|
|
<!-- 列表 -->
|
|
<div class="market-list flex">
|
|
{if isset($blocks['market_service_list']['value']) && !empty($blocks['market_service_list']['value'])}
|
|
{php}$serviceImages = json_decode($blocks['market_service_list']['value'], true);{/php}
|
|
{foreach $serviceImages as $k => $service}
|
|
<a href="{$service.link ?: 'javascript:;'}" class="market-item bg-col-f5">
|
|
<span><img src="{$service.src}" alt="{$service.alt ?? ''}"></span>
|
|
<h2>{$service.title ?? ''}</h2>
|
|
<p class="capitalize color-66 pc-show">{$service.desc ?? ''}</p>
|
|
</a>
|
|
{/foreach}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 活动展示 -->
|
|
<div class="market-activity">
|
|
<div class="market-swiper swiper w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
|
<div class="swiper-wrapper">
|
|
{foreach $items as $item}
|
|
<a href="/market/{$item.id}.html" class="swiper-slide">
|
|
<img src="{$isMobile ? $item['src_mobile'] : $item['src']}" alt="{$item.title}">
|
|
<div class="market-activity-txt color-white">
|
|
<em class="font-helvetica capitalize ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$item.title_en}</em>
|
|
<h2 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">
|
|
{$item.title ?? ''}</h2>
|
|
<p class="pc-show ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">{$item.summary ?? ''}</p>
|
|
<span class="article-more-btn color-ff ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">查看详情<img src="__STATIC__/web/images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
|
</div>
|
|
</a>
|
|
{/foreach}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
<!-- 服务优势 -->
|
|
<div class="pull-section pull-content-bg market-advantage bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
|
<div class="profile-title culture-title honor-title w1360">
|
|
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['market_service_title']['value']}</p>
|
|
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['market_service_title']['title']}</strong>
|
|
</div>
|
|
<div class="market-advantage-list flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
|
{if isset($blocks['market_service_block']['value']) && !empty($blocks['market_service_block']['value'])}
|
|
{php}$bannerImages = json_decode($blocks['market_service_block']['value'], true);{/php}
|
|
{foreach $bannerImages as $k => $banner}
|
|
<div class="item bg-col-white">
|
|
<em><img src="{$banner.src ?? ''}" alt="{$banner.title ?? ''}"></em>
|
|
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$banner.title ?? ''}</p>
|
|
<span class="capitalize color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$banner.desc ?? ''}</span>
|
|
</div>
|
|
{/foreach}
|
|
{/if}
|
|
</div>
|
|
</div> |