订单数字提醒的实现
2016-03-24 10:24
489 查看
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>
相关文章推荐
- 地址重定向
- JQuery常用函数及功能小结--转载
- (笔记)AT91SAM9260的启动过程详细解说
- 浅谈midi与cocos的交互
- Interview Vocabulary
- Toast显示和关闭自个控制的方法
- c++实验2-分段函数求值
- (转) linux目录结构详细介绍
- [置顶] 个人说明
- XPath 教程
- Linux shell 变量 数学 运算
- 人脸识别 cam
- 我们是驴还是主人
- Android - day three 四大组件之 广播(broadcast reciver)
- Twitter 工程师谈 JVM 调优
- 通过经纬度获取地理位置详细信息
- JS提取URL中的参数
- SQLite中的时间日期函数(转)
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- python基础(6)--练习