85 lines
3.8 KiB
HTML
85 lines
3.8 KiB
HTML
|
{layout name="layout" /}
|
||
|
|
|
||
|
|
<!-- 主体内容 -->
|
||
|
|
<div class="pull-point w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<a href="/">首页</a><em>/</em>
|
||
|
|
<a href="/product.html">{$category.title ?? ''}</a>
|
||
|
|
<em>/</em>{$secondInfo.title ?? ''}</div>
|
||
|
|
<div class="pull-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<div class="product-detail">
|
||
|
|
{if !empty($images)}
|
||
|
|
<div class="product-swiper-bg wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<!-- 组图 -->
|
||
|
|
<div class="product-swiper swiper">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
{foreach $images as $image}
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}">
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 缩略图 -->
|
||
|
|
<div class="product-thumbnail-bg">
|
||
|
|
<div class="product-thumbnail-swiper swiper">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
{foreach $images as $image}
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<span><img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}"></span>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="swiper-button-prev"></div>
|
||
|
|
<div class="swiper-button-next"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/if}
|
||
|
|
<div class="product-txt wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<h1>{$item.title ?? ''}</h1>
|
||
|
|
<p class="clips7">{$item.description ?? ''}</p>
|
||
|
|
<div class="product-contact">
|
||
|
|
<p>
|
||
|
|
{if !empty($item.qr) || !empty($config.img_product_qr)}
|
||
|
|
<img src="{$item.qr ?: ($config.img_product_qr ?? '')}" style="width: 70px;height: 70px;" alt="qr icon">
|
||
|
|
{/if}
|
||
|
|
<a href="tel:{$item.phone ?: ($config.product_phone ?? '')}">
|
||
|
|
<strong>{$item.phone ?: ($config.product_phone ?? '')}</strong>
|
||
|
|
<em>(24小时热线)</em>
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<img src="__STATIC__/images/icon/icon-qq.png" alt="">
|
||
|
|
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$item.qq ?: ($config.product_qq ?? '')}&site=qq&menu=yes">
|
||
|
|
<strong>{$item.qq ?: ($config.product_qq ?? '')}</strong>
|
||
|
|
<em>(点击聊天)</em>
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<div class="case-title product-btns"><span>客户价值</span><span>主要参数</span></div>
|
||
|
|
<div class="body-txt">
|
||
|
|
<div class="txt-item wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
{$item.content|raw}
|
||
|
|
</div>
|
||
|
|
<div class="txt-item">
|
||
|
|
{$item.params|raw}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="relevant-case w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<div class="case-title"><strong>相关产品</strong><a href="/product.html?second={$secondInfo.id ?? 0}">更多产品</a></div>
|
||
|
|
<ul class="product-list">
|
||
|
|
{foreach $recommendList as $recommend}
|
||
|
|
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
|
|
<a href="/product/detail.html?id={$recommend.id ?? 0}">
|
||
|
|
<h2>{$recommend.title ?? ''}</h2>
|
||
|
|
<p class="clips3">{$recommend.description ?? ''}</p>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{/foreach}
|
||
|
|
</ul>
|
||
|
|
</div>
|