订单数字提醒的实现

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>