小麦子 发表于 2025-11-7 14:53:33

牛牛CMS标签说明-二级列表

//引入筛选 根据需求修改样式和调用
{$pageurl}筛选页url
{loop:$sonlist $s}
{$s.type_url}
{$s.name}
判断使用
{if:$cid==$s}判断输出的css或者内容 {/if}
{if:$cid==''}全部分类{/if}
{/loop}
{loop:$type_urls $v}
{$v.url}
{$v.name}
判断使用
{if:$req_area==$v} 你的内容 {else}你的内容{/if}
{/loop}
{loop:$type_urls $v}
{$v.url}
{$v.name}
判断使用
{if:$req_lang==$v} 你的内容 {else}你的内容{/if}
{/loop}
{loop:$type_urls $v}
{$v.url}
{$v.name}
判断使用
{if:$req_year==$v} 你的内容 {else}你的内容{/if}
{/loop}
示例
<div class="bg-[#1D2023] pt-2 screen-list">
    <div class="transition-all duration-500 md:h-fit md:visible md:py-2 ease-out h- py-2flex flex-col divide-y divide-gray-800 container md:flex md:opacity-100">
      <div class="flex md:flex-wrap gap-x-4 gap-y-2 py-2 overflow-scroll no-scrollbar">
               <a href="" class="flex flex-col items-center cursor-pointer {if:$cid==''}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$cid==''}text-yellow-500{else}text-white{/if}">全部分类</span>
            </a>
                {loop:$sonlist $s}
                <a href="{$s.type_url}" class="flex flex-col items-center cursor-pointer {if:$cid==$s}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$cid==$s}text-yellow-500{else}text-white{/if}">{$s.name}</span>
                </a>
                {/loop}
      </div>
      <div class="flex md:flex-wrap gap-x-4 gap-y-2 py-2 overflow-scroll no-scrollbar">
            <a href="{$pageurl}" class="flex flex-col items-center cursor-pointer {if:$req_area==''}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_area==''}text-yellow-500{else}text-white{/if}">地区</span>
            </a>
            {loop:$type_urls $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_area==$v}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_area==$v}text-yellow-500{else}text-white{/if}">{$v.name}</span>
            </a>
            {/loop}
      </div>
      <div class="flex md:flex-wrap gap-x-4 gap-y-2 py-2 overflow-scroll no-scrollbar">
            <a href="#" class="flex flex-col items-center cursor-pointer {if:$req_year==''}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_year==''}text-yellow-500{else}text-white{/if}">年份</span>
            </a>
            {loop:$type_urls $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_year==$v}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_year==$v}text-yellow-500{else}text-white{/if}">{$v.name}</span>
            </a>
            {/loop}
      </div>
      <div class="flex md:flex-wrap gap-x-4 gap-y-2 py-2 overflow-scroll no-scrollbar">
            <a href="#" class="flex flex-col items-center cursor-pointer {if:$req_lang==''}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_lang==''}text-yellow-500{else}text-white{/if}">语言</span>
            </a>
            {loop:$type_urls $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_lang==$v}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_lang==$v}text-yellow-500{else}text-white{/if}">{$v.name}</span>
            </a>
            {/loop}
      </div>
    </div>
</div>
{$cate.name} 当前分类名称
{$cate.url}当前分类url
{$cate.cid}   当前分类cid
最新视频
{loop:$videolist $v}

{/loop}
{/loop}
页: [1]
查看完整版本: 牛牛CMS标签说明-二级列表