html
<ul class="am-avg-sm-5">
<li class="condition-li" status="0">
<span class="condition">全部<if condition="$num.all neq 0"><span class="badge">{sh:$num.all}</span></if></span>
</li>
<li class="condition-li" status="1">
<span class="condition">待付款
<if condition="$num.unpaid neq 0"><span class="badge">{sh:$num.unpaid}</span></if>
</span>
</li>
<li class="condition-li" status="2">
<span class="condition">待发货
<if condition="$num.unsent neq 0"><span class="badge">{sh:$num.unsent}</span></if>
</span>
</li>
<li class="condition-li" status="3">
<span class="condition">待收货
<if condition="$num.unresevied neq 0"><span class="badge">{sh:$num.unresevied}</span></if>
</span>
</li>
<li class="condition-li" status="4">
<span class="condition">已收货
<if condition="$num.resevied neq 0"><span class="badge">{sh:$num.resevied}</span></if>
</span>
</li>
</ul>
php
// 各种状态的数字提醒
$whereall = array('member_id' => $this->member_id);
$allorder = $this->orderModel->where($whereall)->select();
$num = array('all'=>0,'unpaid'=>0,'unsent'=>0,'unresevied'=>0,'resevied'=>0);
foreach ($allorder as $k => $order) {
if ( $order['paytime'] == 0 ) {
$num['unpaid']++ ;
}
if ($order['paytime'] != 0 && $order['sendtime'] == 0) {
$num['unsent'] ++ ;
}
if ($order['paytime'] != 0 && $order['sendtime'] != 0 && $order['receivetime'] == 0) {
$num['unresevied'] ++ ;
}
if ($order['paytime'] != 0 && $order['sendtime'] != 0 && $order['receivetime'] != 0) {
$num['resevied'] ++ ;
}
$num['all'] ++ ;
}
$this->assign('num',$num);
本次采用数组的形式传值,具有统一性。
再加一个固定布局效果
css
<style type="text/css">
.badge {
background-color:#FFC245;
position: absolute;
top:-5px;
right:-20px;
}
.condition{
position: relative;
}
</style>
本文转自TBHacker博客园博客,原文链接http://www.cnblogs.com/jiqing9006/p/5314395.html,如需转载请自行联系原作者