方法二:在后台处理成5个一组,5个一组的数组
比如:$arr = array(1,2,3,4,5,6,7,8,9,0)//现在是这种情况类似于图书那种
处理成:$arr = array(
0=>array(1,2,3,4,5),
1=>array(6,7,8,9,0)
)
这种格式的;
修改方法:
$data = array()
$i = $j = 0
foreach($arr as $k=>$v){
$data[$j][] = $v
if($i%5==0){
$j++
}
}
然后在前台:
<volist name="data" id="v">
<ul style="display:inline-flex">
<volist name="v" id="vo" >
<li class="p20 bdd">
<h3>书名:{$val.book_name}</h3>
<p>作者:{$val.book_author}</p>
....
</li>
</volist>
</ul>
</volist>
1234567891011为空的时候输出提示:<volist name="list" id="vo" empty="暂时没有数据" >{$vo.id}|{$vo.name} </volist>empty属性不支持直接传入html语法,但可以支持变量输出,例如:$this->assign('empty','<span class="empty">没有数据</span>')$this->assign('list',$list)然后在模板中使用:<volist name="list" id="vo" empty="$empty" >{$vo.id}|{$vo.name}</volist>上面引的是tp官网上的,empty时字体变大,用css样式设置即可