r113/service.html · 约 3284 字符
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,viewport-fit=cover">
6<title>生活服务用户中心</title>
7<link rel="icon" href="data:,">
8<link rel="stylesheet" href="style.css">
9</head>
10<body data-page="service" style="--brand:#ffc300;--brand-d:#f0a800">
11<header class="uc-hero service" style="--brand:#ffc300;--brand-d:#f0a800"><div class="avatar" style="width:56px;height:56px;background:rgba(255,255,255,.3);font-size:28px">🍚</div><div class="uc-name">干饭人</div><div class="uc-sub">😊 欢迎回来</div></header><main class="uc-wrap"><div class="card addr-card"><span class="addr-ic">📍</span><div class="addr-m"><div class="addr-t">收货地址</div><div class="addr-d">北京市朝阳区建国路 88 号 SOHO 现代城 A 座 1203</div></div><span class="addr-ar" data-toast="管理地址">›</span></div><div class="card"><div class="card-h">红包 / 卡券</div><div class="cp-row"><div class="cp"><div class="cp-v">满30减12</div><div class="cp-l">外卖红包</div></div><div class="cp"><div class="cp-v">满50减20</div><div class="cp-l">到店红包</div></div><div class="cp"><div class="cp-v">免配送费</div><div class="cp-l">会员权益</div></div></div></div><div class="card"><div class="card-h">我的订单</div><div class="od2-grid"><div class="od2"><span class="od2-ic">🥡</span><span class="od2-tx">外卖订单</span><span class="od2-n">6</span></div><div class="od2"><span class="od2-ic">🎫</span><span class="od2-tx">到店团购</span><span class="od2-n">3</span></div><div class="od2"><span class="od2-ic">🚕</span><span class="od2-tx">打车</span><span class="od2-n">9</span></div><div class="od2"><span class="od2-ic">🏨</span><span class="od2-tx">酒店</span><span class="od2-n">1</span></div></div></div><div class="card"><div class="card-h">钱包</div><div class="wt-row"><div class="wt"><div class="wt-v">¥58.20</div><div class="wt-l">余额</div></div><div class="wt"><div class="wt-v">7</div><div class="wt-l">红包</div></div><div class="wt"><div class="wt-v">2</div><div class="wt-l">会员卡</div></div></div></div><div class="card"><div class="card-h">常用功能</div><div class="fn-grid"><a class="fn" data-toast="地址管理" href="#">地址管理</a><a class="fn" data-toast="发票管家" href="#">发票管家</a><a class="fn" data-toast="我的评价" href="#">我的评价</a><a class="fn" data-toast="客服中心" href="#">客服中心</a><a class="fn" data-toast="签到领券" href="#">签到领券</a><a class="fn" data-toast="消息通知" href="#">消息通知</a></div></div></main><nav class="uctab"><a class="ut" data-toast="演示页面，仅展示 UI"><span class="ut-ic">🏠</span><span class="ut-tx">首页</span></a><a class="ut" data-toast="演示页面，仅展示 UI"><span class="ut-ic">🧾</span><span class="ut-tx">订单</span></a><a class="ut on" data-toast="演示页面，仅展示 UI"><span class="ut-ic">👤</span><span class="ut-tx">我的</span></a></nav>
12
13<div class="mask" id="mask"></div>
14<div class="toast" id="toast"></div>
15<script src="data/fallback.js"></script>
16<script src="app.js"></script>
17<script></script>
18</body>
19</html>