volist 如何输出二维数组

html-css015

volist 如何输出二维数组,第1张

方法一:修改CSS样式,把此列表的li换成div的标签,并设置成向左浮动,这样会在外层的div宽度不够放下下一个li的时候,会自动换行

方法二:在后台处理成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样式设置即可