xtu_mall/templates/xtu/cms/category_about.html

{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/about.css?v=20260626-1308">

<main class="about-page">
  <aside class="about-side-nav" aria-label="关于我们章节导航">
    <div class="about-side-nav-inner">
      <a class="about-side-logo" href="javascript:;">
        <img src="/assets/xtu/vendor/img/XTU-logo2.png" alt="XTU">
      </a>
      <nav class="about-side-menu">
        <a class="about-side-link is-active" href="#about-section-1" data-target="about-section-1">{:getCategory(29,'catname')}</a>
        <a class="about-side-link" href="#about-section-2" data-target="about-section-2">{:getCategory(30,'catname')}</a>
        <a class="about-side-link" href="#about-section-3" data-target="about-section-3">{:getCategory(31,'catname')}</a>
        <a class="about-side-link" href="#about-section-4" data-target="about-section-4">{:getCategory(32,'catname')}</a>
        <a class="about-side-link" href="#about-section-5" data-target="about-section-5">{:getCategory(33,'catname')}</a>
      </nav>
    </div>
  </aside>

  <div class="about-stack">
    <section class="about-panel about-panel-intro is-active" id="about-section-1" data-panel="about-section-1" style="background:url({:getCategory(29,'image')}) center center / cover no-repeat;">
      <div class="about-panel-inner about-panel-intro-grid">
        <div class="about-panel-copy about-panel-copy-centered about-panel-copy-light">
          {yzn module="cms" action="lists" catid="29" order="listorder DESC,id ASC" num="1" return="data" moreinfo="1"}
          {volist name="data" id="vo"}
            {$vo.content|raw}
          {/volist}
          {/yzn}
        </div>
      </div>
    </section>

    <section class="about-panel about-panel-reference about-panel-reference-left" id="about-section-2" data-panel="about-section-2">
      <div class="about-panel-reference-media about-panel-reference-media-office" style="background-image:url({:getCategory(30,'image')});" aria-hidden="true"></div>
      <div class="about-panel-reference-copy">
        {yzn module="cms" action="lists" catid="30" order="listorder DESC,id ASC" num="1" return="data" moreinfo="1"}
        {volist name="data" id="vo"}
          <h2>{$vo.title}</h2>
          {$vo.content|raw}
        {/volist}
        {/yzn}
      </div>
    </section>

    <section class="about-panel about-panel-reference about-panel-reference-right" id="about-section-3" data-panel="about-section-3">
      <div class="about-panel-reference-media about-panel-reference-media-farm" style="background-image:url({:getCategory(31,'image')});" aria-hidden="true"></div>
      <div class="about-panel-reference-copy">
        {yzn module="cms" action="lists" catid="31" order="listorder DESC,id ASC" num="1" return="data" moreinfo="1"}
        {volist name="data" id="vo"}
          <h2>{$vo.title}</h2>
          {$vo.content|raw}
        {/volist}
        {/yzn}
      </div>
    </section>

    <section class="about-panel about-panel-dark about-panel-message" id="about-section-4" data-panel="about-section-4" style="background:url({:getCategory(32,'image')}) center center / cover no-repeat;">
      <div class="about-panel-inner about-panel-intro-grid">
        <div class="about-panel-copy about-panel-copy-centered about-panel-copy-light">
          {yzn module="cms" action="lists" catid="32" order="listorder DESC,id ASC" num="1" return="data" moreinfo="1"}
          {volist name="data" id="vo"}
            {$vo.content|raw}
          {/volist}
          {/yzn}
        </div>
      </div>
    </section>

    <section class="about-panel about-panel-light about-panel-timeline about-panel-timeline-compare" id="about-section-5" data-panel="about-section-5" style="--about-panel-bg:#ffffff; --about-panel-overlay:none;">
      <div class="about-panel-inner about-panel-inner-timeline about-panel-inner-timeline-compare">
        <div class="about-timeline-intro about-timeline-intro-compare">
          <h2>{:getCategory(33,'catname')}</h2>
          <p>{if getCategory(33,'description')}{:getCategory(33,'description')}{else /}{:getCategory(33,'catname')}{/if}</p>
        </div>
        <div class="about-inline-accordion about-inline-accordion-compare" aria-label="企业发展年份">
          {yzn module="cms" action="lists" catid="33" order="listorder DESC,id DESC" num="20" return="timelineDataCompare" moreinfo="1"}
          {volist name="timelineDataCompare" id="vo" key="k"}
          <div class="about-inline-accordion-item {if $k==1}is-active{/if}" data-accordion-item>
            <button class="about-accordion-year {if $k==1}is-active{/if}" type="button" data-stage-target="timeline-stage-{$vo.id}" data-year="{$vo.title}">{$vo.title}</button>
            <article class="about-stage-panel {if $k==1}is-active{/if}" id="timeline-stage-{$vo.id}" data-stage-panel>
              <div class="about-stage-copy">
                <h2>{$vo.title}</h2>
                <div class="about-stage-richtext">{$vo.content|raw}</div>
              </div>
              <div class="about-stage-gallery-wrap">
                <div class="about-stage-slider" data-stage-slider>
                  <button class="about-stage-arrow about-stage-arrow-prev" type="button" aria-label="上一张"><i class="bi bi-chevron-left"></i></button>
                  <div class="about-stage-single-image">
                    {if !empty($vo.thumbs)}
                      {volist name="vo.thumbs" id="img" key="imgKey"}
                      <img src="{$img}" alt="{$vo.title}" data-stage-slide {if $imgKey neq 1}hidden{/if}>
                      {/volist}
                   
                    {/if}
                  </div>
                  <button class="about-stage-arrow about-stage-arrow-next" type="button" aria-label="下一张"><i class="bi bi-chevron-right"></i></button>
                </div>
              </div>
            </article>
          </div>
          {/volist}
          {/yzn}
        </div>
      </div>
    </section>
  </div>

  {include file="footer-links" /}
</main>

<script src="/assets/xtu/about.js?v=20260413-1412"></script>
{include file="footer" /}