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

[HTML] 纯文本查看 复制代码

//引入筛选 根据需求修改样式和调用  
{$pageurl}  筛选页url
{loop:$sonlist $s} 
{$s.type_url}  
{$s.name}
判断使用 
{if:$cid==$s[cid]}判断输出的css或者内容 {/if}
{if:$cid==''}全部分类{/if}
{/loop} 
{loop:$type_urls[area] $v}
{$v.url}
{$v.name}
判断使用
{if:$req_area==$v[name]} 你的内容 {else}你的内容{/if}
{/loop} 
{loop:$type_urls[lang] $v}
{$v.url}
{$v.name}
判断使用
{if:$req_lang==$v[name]} 你的内容 {else}你的内容{/if}
{/loop} 
{loop:$type_urls[year] $v}
{$v.url}
{$v.name}
判断使用
{if:$req_year==$v[name]} 你的内容 {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-[280px] py-2  flex 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[cid]}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$cid==$s[cid]}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[area] $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_area==$v[name]}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_area==$v[name]}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[year] $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_year==$v[name]}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_year==$v[name]}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[lang] $v}
            <a href="{$v.url}" class="flex flex-col items-center cursor-pointer {if:$req_lang==$v[name]}bg-theme-transparent{/if} p-2">
                <span class="text-sm hover:text-yellow-500 transition-colors duration-300 truncate {if:$req_lang==$v[name]}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}