🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
比如下面的情况,一屏显示不完,有多屏的情况如何设置模板呢? ![](https://box.kancloud.cn/6490689f9f9d84710a1e783340b94428_422x224.png) 参考代码如下 传统的做法是全部罗列出来的. ~~~ <ul> {volist name=":sort_config('',0)" id="name"} <li><a href="{:url('content/index','fid='.$key)}">{$name}</a></li> {/volist} </ul> ~~~ 要分屏的话,就得使用两次循环 ~~~ {volist name=":array_chunk(sort_config('',0),8,true)" id="ars"} <ul> {volist name="ars" id="name"} <li class="{$key|get_sort='logo','','booking'|default='fa fa-leaf'}"><a href="{:url('content/index','fid='.$key)}">{$name}</a></li> {/volist} </ul> {/volist} ~~~ 关键点就是 `array_chunk(数据,8,true)` 其中8就是每屏显示8个 参数 `ars` 要一一对应哦. 对于头部菜单的话,就把对应的 `sort_config('',0)` 换成 `get_web_menu('wap')` 比如 ~~~ {php}$menu_choose=config('system_dirname')?config('system_dirname'):'index';{/php} {volist name=":array_chunk(get_web_menu('wap'),8,true)" id="ars"} <div class="xxx"> {volist name="ars" id="rs"} <dl {if ($rs['activate']==$menu_choose||$rs['activate']==$menu_choose.'-'.$fid)}class="ck"{/if}> <dt><a href="{$rs.url}" {notempty name="$rs.target"}target="_blank"{/notempty}><i class="{$rs.style|default=''}"></i>{$rs.name}</a></dt> {notempty name="rs.sons"} <span></span> <dd> {volist name="rs.sons" id="vs"} <div><a href="{$vs.url}" {notempty name="$rs.target"}target="_blank"{/notempty}><i class="{$rs.style|default=''}"></i>{$vs.name}</a></div> {/volist} </dd> {/notempty} </dl> {/volist} <div> {/volist} ~~~