{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);
$serviceList = Article::getList(Category::CATEGORY_SERVE_LIST, 500);
{/php}

{include file="public/about_second" /}

<!-- 中正社区 -->
<div class="market-banner w1360 wap-show">
	<!-- 标题 -->
	<div class="detai-title">
		<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="color: #d1ab57;">{$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">
		{foreach $serviceList as $k => $service}
		<a href="/market/{$service.id}.html" class="market-item bg-col-f5">
			<span><img src="{$service.src}" alt="{$service.title ?? ''}"></span>
			<h2>{$service.title ?? ''}</h2>
			<p class="capitalize color-66 pc-show">{$service.title_en ?? ''}</p>
		</a>
		{/foreach}
	</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>