zzwy2/view/page/market.html

91 lines
4.4 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);
$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>