r105/orders.html · 约 1338 字符
1<!doctype html>2<html lang="zh-CN">3<head>4<meta charset="utf-8">5<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">6<title>小草快批下单 · 订单列表</title>7<link rel="stylesheet" href="style.css">8</head>9<body>10<div class="app">11 <div class="navbar"><a class="back" href="my.html">‹</a><span class="ttl">我的订单</span></div>12 <div id="olist"></div>13 <div id="tab-holder"></div>14</div>1516<script src="data.js"></script>17<script src="cart.js"></script>18<script>19function render(){20 var orders = xcGetOrders();21 var box = document.getElementById('olist');22 if (!orders.length){23 box.innerHTML = '<div class="empty">还没有订单，去下单试试吧～</div>';24 } else {25 var h = '<div class="list">';26 orders.forEach(function(o){27 h += '<div class="row" onclick="location.href=\'order_detail.html?oid='+o.oid+'\'">'+28 '<div class="l"><div class="t">'+o.oid+'</div>'+29 '<div class="s">'+o.time+' · 共 '+o.items.length+' 种商品</div></div>'+30 '<div class="r"><span class="price">'+xcFmt(o.total)+'</span><br>›</div>'+31 '</div>';32 });33 h += '</div>';34 box.innerHTML = h;35 }36 document.getElementById('tab-holder').innerHTML = xcTabbar('cart');37 xcUpdateTabBadge();38}39render();40</script>41</body>42</html>43