xtu_mall/templates/xtu/cms/index.html

{include file="header" /}
    <main>
      <section class="hero-section">
        <div class="swiper hero-swiper" id="heroSwiper">
          <div class="swiper-wrapper">
            {yzn module="cms" action="lists" catid="2" order="listorder DESC" num="5" return="data" moreinfo="1"}
            {volist name="data" id="vo"}  
            <div class="swiper-slide hero-slide minimal-hero-slide" data-bullet-title="{$vo.title}" data-is-b="{$vo.is_b|default='0'}">
              <div class="slide-media-layer">
                <img class="slide-poster" src="{$vo.thumb}" alt="poster">
                {if !empty($vo.video)}
                <video class="slide-video" playsinline preload="metadata" muted loop poster="{$vo.thumb}" data-video-group="hero">
                  <source src="{$vo.video}" type="video/mp4">
                </video>
                {/if}
              </div>
              <div class="content-1300-wrap h-100 hero-stage-wrap">
                <div class="hero-slide-inner h-100 d-flex align-items-center justify-content-center hero-slide-layout">
                  <div class="hero-copy hero-copy-minimal">
                    <span class="hero-subtitle">
                      {$vo.title1}
                    </span>
                    <h1>{$vo.title}</h1>
                    <p class="hero-slogan">
                      {$vo.title2}
                    </p>
                    <div class="hero-actions d-flex justify-content-center flex-wrap gap-3">
                      <a href="{$vo.tourl}" class="btn {if !empty($vo.is_b)}btn-outline-dark{else /}btn-outline-light{/if} rounded-pill px-4 py-2">
                        {:cms_t('learn_more','了解更多')}
                        <i class="bi bi-chevron-right">
                        </i>
                      </a>
                      {if !empty($vo.shopurl)}
                      <a href="{$vo.shopurl}" class="btn {if !empty($vo.is_b)}btn-outline-dark{else /}btn-outline-light{/if} rounded-pill px-4 py-2" target="_blank" rel="noopener noreferrer">
                        {:cms_t('buy_now','立即购买')}
                        <i class="bi bi-chevron-right">
                        </i>
                      </a>
                      {/if}
                    </div>
                  </div>
                  <div class="hero-float-gallery">
                    {if !empty($vo.thumb_1)}
                    <div class="hero-float-card hero-float-card-1">
                      <img src="{$vo.thumb_1}" alt="hero float 1">
                    </div>
                    {/if}
                    {if !empty($vo.thumb_2)}
                    <div class="hero-float-card hero-float-card-2">
                      <img src="{$vo.thumb_2}" alt="hero float 2">
                    </div>
                    {/if}
                    {if !empty($vo.thumb_3)}
                    <div class="hero-float-card hero-float-card-3">
                      <img src="{$vo.thumb_3}" alt="hero float 3">
                    </div>
                    {/if}
                  </div>
                </div>
              </div>
            </div>
             {/volist}
             {/yzn}
          </div>
          <button class="hero-arrow hero-prev hero-side-arrow">
            ‹
          </button>
          <button class="hero-arrow hero-next hero-side-arrow">
            ›
          </button>
          <div class="hero-swiper-controls">
            <div class="swiper-pagination hero-pagination">
            </div>
          </div>
        </div>
      </section>
      <section class="section-space image-grid-full hero-next-section-tight product-grid-unified">
        <div class="container-fluid px-3 product-grid-shell">
          <div class="row g-2 g-lg-3 product-grid-row">
           {yzn module="cms" action="lists" modelid="2" where="catid in(5,6,7)" flag="3" order="listorder DESC,id DESC" num="10" return="data" moreinfo="1"}
            {volist name="data" id="vo"}  
            <div class="col-12 col-lg-6">
              <article class="overlay-card flat-card grid-card tall-card">
                <img src="{$vo.thumb2|default=$vo.thumb}" alt="card">
                <div class="overlay-copy top-copy product-tile-copy">
                  <span class="product-subtitle">
                    {$vo.title1}
                  </span>
                  <h3>
                    {$vo.title}
                  </h3>
                  <p>
                    {$vo.title2}
                  </p>
                  <div class="product-links">
                    <a href="{$vo.url}">
                      {:cms_t('learn_more','了解更多')} >
                    </a>
                    {if !empty($vo.shopurl)}
                    <a href="{$vo.shopurl}" target="_blank" rel="noopener noreferrer">
                      {:cms_t('buy_now','立即购买')} >
                    </a>
                    {/if}
                  </div>
                </div>
              </article>
            </div>
            {/volist}
             {/yzn}
            
          </div>
        </div>
      </section>
      <section class="section-space guide-cards-section guide-section-unified">
        <div class="guide-section-shell">
          <div class="row guide-section-row">
            <div class="col-12">
              <article class="guide-card image-bg-card guide-card-full guide-card-edge">
                <img class="guide-bg" src="{:getCategory(41,'image')}" alt="{:getCategory(41,'catname')}">
                <div class="content-1300-wrap guide-content-wrap">
                  <div class="guide-copy">
                  <span class="guide-eyebrow">
                    {:getCategory(41,'catname')}
                  </span>
                  <h3>
                    {:getCategory(41,'description')}
                  </h3>
                  <div class="guide-actions">
                    <a href="{:getCategory(41,'url')}" class="ui-pill-btn ui-pill-btn-dark">
                      {:cms_t('product_compare','产品对比')}
                    </a>
                    <a href="{:getCategory(41,'url')}" class="guide-link">
                      {:cms_t('help_me_choose','帮我选择')}
                    </a>
                  </div>
                  </div>
                </div>
              </article>
            </div>
          </div>
        </div>
      </section>
      <section class="section-space cloud-banner-section cloud-banner-section-unified">
            

          <article class="cloud-banner-card cloud-banner-card-edge" style="background-image:url('/assets/xtu/vendor/img/appbanner.jpg');">
            <div class="content-1300-wrap cloud-banner-content-wrap h-100">
              <div class="cloud-banner-left-half">
                <div class="cloud-copy cloud-copy-centered text-center text-lg-start">
                  <div class="cloud-logo-mark">
                    <img src="/assets/xtu/vendor/img/xtugo.png" alt="{:getCategory(42,'catname')}">
                  </div>
                  <div class="cloud-actions">
                    <a href=" {:getCategory(42,'url')}" class="ui-pill-btn ui-pill-btn-dark" target="_blank">
                      {:cms_t('learn_more','了解更多')} >
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </article>

      </section>
      <section class="section-space showcase-slider">
        <div class="content-1300-wrap showcase-head-wrap">
          <div class="section-head showcase-section-head mb-4">
            <h2>
              走进骁途
            </h2>
          </div>
        </div>
        <div class="container-fluid px-3 px-lg-4 px-xxl-5">
          <div class="swiper showcase-swiper" id="showcaseSwiper">
            <div class="swiper-wrapper">
            {yzn module="cms" action="lists" catid="12" order="listorder DESC" num="10" return="data" moreinfo="1"}
            {volist name="data" id="vo"}  
              <a class="swiper-slide showcase-card equal-card" href="{$vo.tourl}">
                <img src="{$vo.thumb}" alt="side">
                <div class="showcase-copy text-center text-white">
                  <span>
                    {$vo.title}
                  </span>
                  <h3>
                    {$vo.title1}
                  </h3>
                </div>
              </a>
               {/volist}
              
             {/yzn}
              
            </div>
            <button class="showcase-arrow showcase-prev" aria-label="上一张">
              <i class="bi bi-chevron-left"></i>
            </button>
            <button class="showcase-arrow showcase-next" aria-label="下一张">
              <i class="bi bi-chevron-right"></i>
            </button>
            <div class="swiper-pagination showcase-pagination">
            </div>
          </div>
        </div>
      </section>
      <section class="section-space industry-strip-section industry-strip-clean">
        <div class="content-1300-wrap">
         
          {yzn module="cms" action="lists" catid="13" order="listorder DESC" num="1" return="data" moreinfo="1"}
            {volist name="data" id="vo"}  
          <div class="row align-items-center g-3 g-lg-4 industry-clean-row">
            <div class="col-12 col-lg-5">
              <div class="industry-copy industry-copy-clean text-center text-lg-start">
                <span class="industry-eyebrow">
                  {$vo.title}
                </span>
                <h2>
                  {$vo.title1}
                </h2>
                <a href="{:getCategory(55,'url')}" class="ui-btn ui-btn-primary">
                  {:cms_t('learn_more','了解更多')}
                </a>
              </div>
            </div>
            <div class="col-12 col-lg-7">
              <div class="industry-image-clean">
                <img src="{$vo.thumb}" alt="industry visual">
              </div>
            </div>
          </div>
          
           {/volist}
              
             {/yzn}
        </div>
      </section>
      <section class="section-space support-links-section">
        <div class="content-1300-wrap">
             
          <div class="support-quick-layout">
            {yzn module="cms" action="lists" catid="58" cache="3600" order="listorder DESC,id ASC" num="4" return="supportQuickServices" moreinfo="1"}
            <div class="support-quick-row support-quick-row-four">
              {volist name="supportQuickServices" id="vo" key="k"}
              {php}
              $supportQuickUrl = trim((string)($vo['tourl'] ?? ''));
              $supportQuickTag = ($supportQuickUrl === '') ? 'div' : 'a';
              {/php}
              <div class="support-quick-col">
                {if $supportQuickTag=='a'}
                <a href="{$supportQuickUrl}" class="support-link-card support-quick-card" target="{$vo.target|default='_self'}">
                {else /}
                <div class="support-link-card support-quick-card">
                {/if}
                  {if !empty($vo.thumb)}<img class="support-icon" src="{$vo.thumb}" alt="{$vo.title}">{/if}
                  <div class="support-text">{$vo.title}</div>
                  {if !empty($vo.title1)}<div class="support-desc">{$vo.title1}</div>{/if}
                  {if !empty($vo.title2)}<div class="support-desc support-desc-muted">{$vo.title2}</div>{/if}
                {if $supportQuickTag=='a'}
                </a>
                {else /}
                </div>
                {/if}
              </div>
              {/volist}
            </div>
            {/yzn}
          </div>
        </div>
      </section>
      
    {include file="footer-links" /}  
    </main>
{include file="footer" /}