SEONexus/code/app/home/view/videoGpt1/module/breadcrumb/breadcrumb_D.html

<nav class="{$TpStyle.dom_prefix}-bc {$TpStyle.dom_prefix}-bc-d {$TpStyle.dom_prefix}-v{$intVariant} {$pageCfg.breadcrumb.class|default=''}">

    {// ================= Variant 0：Card UL ================= }
    {if $intVariant == 0}
    <ul class="{$TpStyle.dom_prefix}-bc-card">
        {volist name="arrBreadcrumb" id="node"}
        <li>
            {if !empty($node.url)}
                <a href="{$node.url}">{$node.title}</a>
            {else /}
                <span>{$node.title}</span>
            {/if}
        </li>
        {/volist}
    </ul>
    
    {// ================= Variant 1：Pill Links ================= }
    {elseif $intVariant == 1}
    <div class="{$TpStyle.dom_prefix}-bc-pill">
        {volist name="arrBreadcrumb" id="node"}
            {if !empty($node.url)}
                <a href="{$node.url}" class="pill">{$node.title}</a>
            {else /}
                <span class="pill active">{$node.title}</span>
            {/if}
        {/volist}
    </div>
    
    {// ================= Variant 2：Step Bar ================= }
    {elseif $intVariant == 2}
    <div class="{$TpStyle.dom_prefix}-bc-step">
        {volist name="arrBreadcrumb" id="node" key="i"}
        <div class="step {if empty($node.url)}active{/if}">
            {$node.title}
        </div>
        {/volist}
    </div>
    
    {// ================= Variant 3：Badge ================= }
    {elseif $intVariant == 3}
    <div class="{$TpStyle.dom_prefix}-bc-badge">
        {volist name="arrBreadcrumb" id="node"}
            <span class="badge">
                {if !empty($node.url)}
                    <a href="{$node.url}">{$node.title}</a>
                {else /}
                    {$node.title}
                {/if}
            </span>
        {/volist}
    </div>
    
    {// ================= Variant 4：Box ================= }
    {elseif $intVariant == 4}
    <div class="{$TpStyle.dom_prefix}-bc-box">
        {volist name="arrBreadcrumb" id="node"}
        <div class="box-item">
            {if !empty($node.url)}
                <a href="{$node.url}">{$node.title}</a>
            {else /}
                <strong>{$node.title}</strong>
            {/if}
        </div>
        {/volist}
    </div>
    
    {// ================= Variant 5：Inline Card ================= }
    {elseif $intVariant == 5}
    <div class="{$TpStyle.dom_prefix}-bc-inline-card">
        {volist name="arrBreadcrumb" id="node"}
        <span class="card">
            {if !empty($node.url)}
                <a href="{$node.url}">{$node.title}</a>
            {else /}
                {$node.title}
            {/if}
        </span>
        {/volist}
    </div>
    
    {// ================= Variant 6：Panel ================= }
    {elseif $intVariant == 6}
    <section class="{$TpStyle.dom_prefix}-bc-panel">
        <header>当前位置</header>
        <div class="panel-body">
            {volist name="arrBreadcrumb" id="node"}
                {if !empty($node.url)}
                    <a href="{$node.url}">{$node.title}</a>
                {else /}
                    <span>{$node.title}</span>
                {/if}
            {/volist}
        </div>
    </section>
    
    {// ================= Variant 7：Tab ================= }
    {elseif $intVariant == 7}
    <div class="{$TpStyle.dom_prefix}-bc-tab">
        {volist name="arrBreadcrumb" id="node"}
            <div class="tab {if empty($node.url)}active{/if}">
                {$node.title}
            </div>
        {/volist}
    </div>
    
    {// ================= Variant 8：Grid ================= }
    {elseif $intVariant == 8}
    <div class="{$TpStyle.dom_prefix}-bc-grid">
        {volist name="arrBreadcrumb" id="node"}
        <div class="grid-item">
            {$node.title}
        </div>
        {/volist}
    </div>
    
    {// ================= Variant 9：Highlight ================= }
    {elseif $intVariant == 9}
    <p class="{$TpStyle.dom_prefix}-bc-highlight">
        {volist name="arrBreadcrumb" id="node"}
            <span>{$node.title}</span>
        {/volist}
    </p>
    
    {// ================= Variant 10：Tag ================= }
    {elseif $intVariant == 10}
    <div class="{$TpStyle.dom_prefix}-bc-tag">
        {volist name="arrBreadcrumb" id="node"}
            <i class="tag">{$node.title}</i>
        {/volist}
    </div>
    
    {// ================= Variant 11：Shadow Card ================= }
    {elseif $intVariant == 11}
    <div class="{$TpStyle.dom_prefix}-bc-shadow">
        {volist name="arrBreadcrumb" id="node"}
        <div class="shadow-item">
            {$node.title}
        </div>
        {/volist}
    </div>
    
    {// ================= Variant 12：List Card ================= }
    {elseif $intVariant == 12}
    <ol class="{$TpStyle.dom_prefix}-bc-list-card">
        {volist name="arrBreadcrumb" id="node"}
        <li>{$node.title}</li>
        {/volist}
    </ol>
    
    {// ================= Variant 13：Accent ================= }
    {elseif $intVariant == 13}
    <div class="{$TpStyle.dom_prefix}-bc-accent">
        {volist name="arrBreadcrumb" id="node"}
            <span>{$node.title}</span>
        {/volist}
    </div>
    
    {// ================= Variant 14：Wrap ================= }
    {elseif $intVariant == 14}
    <div class="{$TpStyle.dom_prefix}-bc-wrap">
        {volist name="arrBreadcrumb" id="node"}
            <div class="wrap-item">{$node.title}</div>
        {/volist}
    </div>
    
    {// ================= Variant 15：Card Header ================= }
    {elseif $intVariant == 15}
    <header class="{$TpStyle.dom_prefix}-bc-header">
        {volist name="arrBreadcrumb" id="node"}
            <span>{$node.title}</span>
        {/volist}
    </header>
    
    {// ================= Variant 16：Notice ================= }
    {elseif $intVariant == 16}
    <div class="{$TpStyle.dom_prefix}-bc-notice">
        <strong>位置：</strong>
        {volist name="arrBreadcrumb" id="node"}
            {$node.title}
        {/volist}
    </div>
    
    {// ================= Variant 17：Rounded ================= }
    {elseif $intVariant == 17}
    <div class="{$TpStyle.dom_prefix}-bc-rounded">
        {volist name="arrBreadcrumb" id="node"}
            <span class="round">{$node.title}</span>
        {/volist}
    </div>
    
    {// ================= Variant 18：Soft Card ================= }
    {elseif $intVariant == 18}
    <div class="{$TpStyle.dom_prefix}-bc-soft">
        {volist name="arrBreadcrumb" id="node"}
            <span>{$node.title}</span>
        {/volist}
    </div>
    
    {// ================= Variant 19：Default ================= }
    {else}
    <div class="{$TpStyle.dom_prefix}-bc-default">
        {volist name="arrBreadcrumb" id="node"}
            {$node.title}
        {/volist}
    </div>
    {/if}
    
    </nav>