zzwy2/view/index/index.html

{layout name="layout" /}
{php}$service5List = json_decode($blocks['home_service_5']['value'], true);{/php}
{php}$firstService = array_shift($service5List);{/php}
<style>
	@media screen and (min-width:960px) {
		.layout-main-content{
			min-height: calc(100vh - 259px);
		}
	}
</style>
<!-- 轮播 -->
<div class="banner w100">
    <div class="banner-swiper swiper">
        <div class="swiper-wrapper">
            {foreach $slide as $slideItem}
            <div class="swiper-slide">
                <a href="">
                    <img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
                    <img src="{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
                    <div class="banner-txt w1360">
                        <p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$slideItem['font1']}</p>
                        <p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>
                        <p class="info ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">{$slideItem['font3']}</p>
                        <p class="english-info uppercase font-helvetica ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">{$slideItem['font4']}</p>
                    </div>
                </a>
            </div>
            {/foreach}
        </div>
        <div class="swiper-pagination"></div>
		<div class="swiper-button-prev wap-show"></div>
		<div class="swiper-button-next wap-show"></div>
    </div>
</div>

<!-- 新闻资讯&物业服务 -->
<div class="pull-section news-service-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="news-service flex w1360">
        <!-- 新闻资讯 -->
        <div class="index-news">
            <!-- 标题 -->
            <div class="index-news-title pc-show">
				<strong class="font-helvetica">{$blocks['news_more_mobile']['value'] ?? ''}</strong>
				<!-- <img src="__STATIC__/web/images/public/news-title.png" alt="project case"> -->
			</div>
            <!-- navTab -->
            <div class="index-news-nav flex">
                {foreach $newsCategory as $c}
                <span data-url="{$c.url ?: $c.route}">{$c.title}</span>
                {/foreach}
            </div>
            <a href="{$blocks['news_more_mobile']['link'] ?? 'javascript:;'}" class="news-more uppercase color-66 font-helvetica wap-show">{$blocks['news_more_mobile']['value']}</a>
            <!-- 资讯列表 -->
            <div class="new-list">
                <!-- 新闻列表 -->
                {foreach $newsList as $news}
                <div class="swiper">
                    <div class="swiper-wrapper">
                        {foreach $news as $n}
                        <div class="swiper-slide">
                            <div class="wap-show"><img src="{$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
                            <a href="/news/{$n.id}.html">
                                <em class="color-blue wap-show">{:date('Y.m.d', $n.create_time)}</em>
                                <div class="title color-blue clips2">{$n.title}</div>
                                <p class="info color-66 clips3">{$n.summary}</p>
                            </a>
                        </div>
                        {/foreach}
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                {/foreach}
            </div>
        </div>
        <!-- 物业服务 -->
        <div class="index-service flex">

            <a href="{$firstService['link'] ?? 'javascript:;'}" class="left-service color-white">
                <img src="{$firstService['src']?? ''}" alt="{$firstService['title'] ?? ''}">
                <div class="txt">
                    <p class="font-helvetica">{$firstService['desc'] ?? ''}</p>
                    <span>{$firstService['title'] ?? ''}</span>
                </div>
                <em class="font-helvetica pc-show">Learn more +</em>
            </a>
            <div class="right-service flex">
                {if !empty($service5List)}
                {foreach $service5List as $service}
                <a href="{$service.link ?: 'javascript:;'}">
					<img src="{$service.src}" alt="{$service.title}">
                    <p class="font-helvetica">{$service.desc}</p>
                    <span>{$service.title}</span>
                </a>
                {/foreach}
                {/if}
            </div>
        </div>
    </div>
</div>

<!-- 项目案例 -->
<div class="pull-section project-case-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="project-case w1360">
        <div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
            <div class="txt">
                <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
					<strong class="font-helvetica">{$blocks['project_case_title_en']['value'] ?? ''}</strong>
					<!-- <img src="{$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"> -->
				</p>
                <span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['project_case_title']['value'] ?? ''}</span>
            </div>
            <a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more pc-show color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
        </div>
        <div class="project-case-list flex">
            {foreach $casesList as $case}
            <a href="/cases/{$case.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="{$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
                <div class="txt bg-col-white flex">
                    <p class="clips1">{$case.title}</p>
                    <span>+</span>
                </div>
            </a>
            {/foreach}
        </div>
    </div>
</div>