小草二手电动车交易网/mine.html · 约 4491 字符
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
11<header class="header"><span class="back"></span><h1>我的</h1><span class="right"></span></header>
12<div class="user-card">
13 <div class="uc-avatar">🚗</div>
14 <div>
15 <div class="uc-name">电车玩家 <span class="badge badge-gold" style="background:rgba(255,255,255,.25);color:#fff">VIP3</span></div>
16 <div class="uc-level">已实名认证 · 发布卖车 2 台 · 收藏 18 台</div>
17 </div>
18</div>
19<div class="assets">
20 <div class="asset-item"><b>18</b><span>收藏</span></div>
21 <div class="asset-item"><b>2</b><span>卖车</span></div>
22 <div class="asset-item"><b>1</b><span>订单</span></div>
23 <div class="asset-item"><b>¥200</b><span>余额</span></div>
24</div>
25<div class="section-title">📦 我的订单</div>
26<div id="orderList" style="padding:0 12px"></div>
27<div class="section-title">💰 我的卖车</div>
28<div id="saleList" style="padding:0 12px"></div>
29<div class="menu-list">
30 <a data-toast="我的收藏 18 台"><span class="ml-l"><span class="ico">❤️</span>我的收藏</span><span class="ml-r">18</span></a>
31 <a data-toast="浏览记录 56 条"><span class="ml-l"><span class="ico">👁️</span>浏览记录</span><span class="ml-r">56</span></a>
32 <a data-toast="金融订单 1 笔"><span class="ml-l"><span class="ico">🏦</span>我的金融</span><span class="ml-r">1</span></a>
33 <a data-toast="实名认证已完成"><span class="ml-l"><span class="ico">🛡️</span>实名认证</span><span class="ml-r">已认证</span></a>
34 <a data-toast="电子合同 2 份"><span class="ml-l"><span class="ico">📄</span>电子合同</span><span class="ml-r">2</span></a>
35 <a data-toast="收货/交车地址 2 个"><span class="ml-l"><span class="ico">📍</span>地址管理</span><span class="ml-r">›</span></a>
36 <a data-toast="客服在线 9:00-22:00"><span class="ml-l"><span class="ico">🎧</span>联系客服</span><span class="ml-r">400-880-6666</span></a>
37</div>
38<div style="height:70px"></div>
39
40
41<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="list.html"><span class="icon">🔍</span>找车</a><a class="" href="sell.html"><span class="icon">💰</span>卖车</a><a class="" href="community.html"><span class="icon">💬</span>车友圈</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
42<script src="data.js"></script>
43<script>
44 var ol = document.getElementById('orderList');
45 var h = '';
46 window.DATA.orders.forEach(function (o) {
47 h += '<div style="background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.04)"><div style="display:flex;justify-content:space-between;font-size:12px;color:#94a3b8"><span>' + o.time + '</span><span style="color:#0ea5e9;font-weight:800">' + o.st + '</span></div><div style="display:flex;gap:10px;margin-top:8px;align-items:center"><div style="width:48px;height:48px;border-radius:8px;background:#e0f2fe;display:flex;align-items:center;justify-content:center;font-size:24px">' + o.img + '</div><div style="flex:1;font-size:13px;font-weight:700">' + o.title + '</div><div style="color:#e11d48;font-weight:800;font-size:14px">¥' + o.price + '万</div></div><div style="font-size:11px;color:#94a3b8;margin-top:6px">' + o.meta + '</div></div>';
48 });
49 ol.innerHTML = h;
50 var sl = document.getElementById('saleList');
51 var h2 = '';
52 window.DATA.saleList.forEach(function (s) {
53 h2 += '<div style="background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.04)"><div style="display:flex;gap:10px;align-items:center"><div style="width:48px;height:48px;border-radius:8px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;font-size:24px">' + s.img + '</div><div style="flex:1;font-size:13px;font-weight:700">' + s.title + '</div><div style="color:#e11d48;font-weight:800;font-size:14px">¥' + s.price + '万</div></div><div style="font-size:11px;color:#94a3b8;margin-top:6px">' + s.meta + ' · <span style="color:#10b981;font-weight:700">' + s.st + '</span></div></div>';
54 });
55 sl.innerHTML = h2;
56</script>
57<script src="app.js"></script>
58</body>
59</html>