r105/my.html · 约 3560 字符
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="ucard">12 <div class="av">🌿</div>13 <div class="un">小草快批会员</div>14 <div class="ut">批发下单 · 一件也是批发价</div>15 </div>1617 <div class="menu">18 <div class="mi" onclick="openAddr()"><span class="ico">📍</span><span class="tx">收货地址</span><span class="ar" id="addr-ar">未设置 ›</span></div>19 <div class="mi" onclick="location.href='orders.html'"><span class="ico">📦</span><span class="tx">我的订单</span><span class="ar">查看 ›</span></div>20 <div class="mi" onclick="location.href='cart.html'"><span class="ico">🧺</span><span class="tx">我的购物车</span><span class="ar">›</span></div>21 <div class="mi" onclick="location.href='manage.html'"><span class="ico">🔐</span><span class="tx">商品管理<small style="color:var(--muted)">（需密码）</small></span><span class="ar">进入 ›</span></div>22 </div>2324 <div class="sect" style="margin-top:12px;border-radius:12px">25 <div class="lab">🔥 推荐商品</div>26 <div class="rec" id="rec"></div>27 </div>2829 <div id="tab-holder"></div>30</div>3132<!-- 收货地址弹窗 -->33<div class="mask" id="addrMask" style="display:none">34 <div class="modal">35 <h3>设置收货地址</h3>36 <div class="kv"><label>收货人</label><input id="a-name" placeholder="如：张三"></div>37 <div class="kv"><label>手机号</label><input id="a-phone" placeholder="如：13800000000"></div>38 <div class="kv"><label>详细地址</label><input id="a-text" placeholder="如：北京市朝阳区xx路1号"></div>39 <div class="macts">40 <button class="btn btn-ghost btn-block" onclick="closeAddr()">取消</button>41 <button class="btn btn-green btn-block" onclick="saveAddr()">保存</button>42 </div>43 </div>44</div>4546<script src="data.js"></script>47<script src="cart.js"></script>48<script>49function renderRec(){50 var picks = ['p01','p07','p09','p15'];51 var h='';52 picks.forEach(function(id){53 var p = xcGetProduct(id);54 h += '<a class="rc" href="detail.html?id='+p.id+'">'+55 '<div class="pic" style="background:'+p.color+'">'+p.emoji+'</div>'+56 '<div><div class="nm">'+p.name+'</div><div class="pr">'+xcFmt(p.small.price)+' 起</div></div></a>';57 });58 document.getElementById('rec').innerHTML = h;59}60function renderAddr(){61 var a = xcGetAddress();62 document.getElementById('addr-ar').textContent = a ? (a.name+' '+a.phone) : '未设置 ›';63}64function openAddr(){65 var a = xcGetAddress();66 document.getElementById('a-name').value = a?a.name:'';67 document.getElementById('a-phone').value = a?a.phone:'';68 document.getElementById('a-text').value = a?a.text:'';69 document.getElementById('addrMask').style.display='flex';70}71function closeAddr(){ document.getElementById('addrMask').style.display='none'; }72function saveAddr(){73 var a = { name:document.getElementById('a-name').value, phone:document.getElementById('a-phone').value, text:document.getElementById('a-text').value };74 if (!a.name || !a.phone || !a.text){ xcToast('请填写完整地址'); return; }75 xcSetAddress(a); closeAddr(); renderAddr(); xcToast('收货地址已保存');76}77document.getElementById('tab-holder').innerHTML = xcTabbar('my');78renderRec(); renderAddr(); xcUpdateTabBadge();79</script>80</body>81</html>82