
<div  style="height: 70vh;overflow-y: hidden;position: relative;" >
    <ul style="flex-wrap: wrap;justify-content: space-between;text-align: center" class="menu-list" id="group" _style='flex'>
    
    {%range~$Rd%}
        <b class="cursor"
            style="width: 100%;text-align:left;font-weight: 600;background: rgba(255, 255, 255, 0.5);padding: 0.5rem;margin: 0.2rem" tab='true'>
            {%=$index%} 
        </b>
        {%='';let cura=$Rder%}
        <div class="flex" style="flex-wrap: wrap;justify-content: space-between;text-align: center;overflow: hidden;width: 100%">
        {%range~cura%}
            <article class="is-child notification" 
                style="background: rgba(100,100,100,0.2);overflow:hidden;width:48%;margin: 0.2rem"  
                onclick="$Route.push('{%=$Rder.id%}')">
                {%=$index%}  
            </article>
        {%end%}     
        </div>
        
            
    {%end%}
    </ul>
</div>



{{js=/slide/list/index.js}}