xtu_mall/templates/xtu/cms/support-contact-block.html

<section class="support-contact-section">
  <div class="support-contact-heading">
    <h2>{:getCategory(58,'catname')}</h2>
  </div>
  {yzn module="cms" action="lists" catid="58" cache="3600" order="listorder desc,id ASC" num="5" return="quickServices" moreinfo="1"}
  <div class="support-contact-grid support-contact-grid-top">
    {volist name="quickServices" id="vo" key="k"}
    {if $k<=2}
    {php}
      $quickUrl = trim((string)($vo['tourl'] ?? ''));
      $quickTitle = trim((string)($vo['title'] ?? ''));
      $quickTitle1 = trim((string)($vo['title1'] ?? ''));
      $quickTitle2 = trim((string)($vo['title2'] ?? ''));
    {/php}
    {if !empty($quickUrl)}
    <a class="support-contact-tile support-contact-tile-wide" href="{$quickUrl}" target="{$vo.target|default='_self'}">
    {else /}
    <div class="support-contact-tile support-contact-tile-wide">
    {/if}
      <span class="support-contact-tile-icon {if trim($vo.title)=='微信公众号'}support-contact-tile-icon-wechat{/if}">
        {if !empty($vo.thumb)}
        <img src="{$vo.thumb}" alt="{$quickTitle}">
        {/if}
      </span>
      <h3>{$quickTitle}</h3>
      {if !empty($quickTitle1) || !empty($quickTitle2)}
      <p>{if !empty($quickTitle1)}{$quickTitle1}{/if}{if !empty($quickTitle1) && !empty($quickTitle2)}<br>{/if}{if !empty($quickTitle2)}{$quickTitle2}{/if}</p>
      {/if}
      {if !empty($quickUrl)}
      <span class="support-contact-tile-link">{$quickTitle} <i class="bi bi-arrow-right-short"></i></span>
      {/if}
    {if !empty($quickUrl)}
    </a>
    {else /}
    </div>
    {/if}
    {/if}
    {/volist}
  </div>
  <div class="support-contact-grid support-contact-grid-bottom">
    {volist name="quickServices" id="vo" key="k"}
    {if $k>2}
    {php}
      $quickUrl = trim((string)($vo['tourl'] ?? ''));
      $quickTitle = trim((string)($vo['title'] ?? ''));
      $quickTitle1 = trim((string)($vo['title1'] ?? ''));
      $quickTitle2 = trim((string)($vo['title2'] ?? ''));
    {/php}
    {if !empty($quickUrl)}
    <a class="support-contact-tile" href="{$quickUrl}" target="{$vo.target|default='_self'}">
    {else /}
    <div class="support-contact-tile">
    {/if}
      <span class="support-contact-tile-icon {if trim($vo.title)=='微信公众号'}support-contact-tile-icon-wechat{/if}">
        {if !empty($vo.thumb)}
        <img src="{$vo.thumb}" alt="{$quickTitle}">
        {/if}
      </span>
      <h3>{$quickTitle}</h3>
      {if !empty($quickTitle1) || !empty($quickTitle2)}
      <p>{if !empty($quickTitle1)}{$quickTitle1}{/if}{if !empty($quickTitle1) && !empty($quickTitle2)}<br>{/if}{if !empty($quickTitle2)}{$quickTitle2}{/if}</p>
      {/if}
      {if !empty($quickUrl)}
      <span class="support-contact-tile-link">{$quickTitle} <i class="bi bi-arrow-right-short"></i></span>
      {/if}
    {if !empty($quickUrl)}
    </a>
    {else /}
    </div>
    {/if}
    {/if}
    {/volist}
  </div>
  {/yzn}
</section>