💻 代码预览 · 小草婚恋交友

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>个人中心 · 小草婚恋交友</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>个人中心</h1><span class="right">⚙️</span></div>
3<div class="user-card">
4  <div class="uc-avatar">🦌</div>
5  <div><div class="uc-name" id="u-name">奔跑的小鹿</div><div class="uc-level" id="u-level">珍心会员 · 26岁 · 杭州</div></div>
6</div>
7<div class="verify-row" id="verify-list"></div>
8<div class="card" style="display:flex;justify-content:space-around;padding:14px 6px">
9  <div style="text-align:center"><b style="font-size:20px;color:var(--primary)" id="m-like">32</b><div style="font-size:11px;color:#b58a9e">喜欢我</div></div>
10  <div style="text-align:center"><b style="font-size:20px;color:var(--primary)" id="m-visitors">128</b><div style="font-size:11px;color:#b58a9e">看过我</div></div>
11  <div style="text-align:center"><b style="font-size:20px;color:var(--primary)" id="m-credits">3</b><div style="font-size:11px;color:#b58a9e">超级喜欢</div></div>
12</div>
13<div style="display:flex;background:#fff;border-radius:12px;margin:12px;padding:14px 0">
14  <a href="talks.html" style="flex:1;text-align:center;font-size:11px;color:#8a4a66"><span style="font-size:24px;display:block;margin-bottom:4px">💬</span>我的消息<em style="font-style:normal;display:block;font-size:10px;color:#b58a9e;margin-top:2px">3条未读</em></a>
15  <a href="circle.html" style="flex:1;text-align:center;font-size:11px;color:#8a4a66"><span style="font-size:24px;display:block;margin-bottom:4px">🌍</span>我的圈子<em style="font-style:normal;display:block;font-size:10px;color:#b58a9e;margin-top:2px">3个圈子</em></a>
16  <a href="members.html" style="flex:1;text-align:center;font-size:11px;color:#8a4a66"><span style="font-size:24px;display:block;margin-bottom:4px">👑</span>会员中心<em style="font-style:normal;display:block;font-size:10px;color:#b58a9e;margin-top:2px">珍心会员</em></a>
17  <a href="mine.html" style="flex:1;text-align:center;font-size:11px;color:#8a4a66"><span style="font-size:24px;display:block;margin-bottom:4px">💎</span>钻石充值<em style="font-style:normal;display:block;font-size:10px;color:#b58a9e;margin-top:2px">12颗</em></a>
18</div>
19<div class="menu-list">
20  <a><span class="ml-l"><span class="ico">📝</span>我的资料</span><span class="ml-r">完善度85% ›</span></a>
21  <a><span class="ml-l"><span class="ico">✅</span>身份认证</span><span class="ml-r">3项已认证 ›</span></a>
22  <a><span class="ml-l"><span class="ico">💗</span>我喜欢的</span><span class="ml-r">32人 ›</span></a>
23  <a><span class="ml-l"><span class="ico">👀</span>谁看过我</span><span class="ml-r">128人 ›</span></a>
24  <a><span class="ml-l"><span class="ico">🎫</span>我的活动</span><span class="ml-r">报名2场 ›</span></a>
25  <a><span class="ml-l"><span class="ico">🛡️</span>安全中心</span><span class="ml-r">反诈守护 ›</span></a>
26  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
27</div>
28<div style="height:80px"></div>
29<div class="tabbar">
30  <a href="index.html"><span class="icon">💘</span>匹配</a>
31  <a href="circle.html"><span class="icon">🌍</span>圈子</a>
32  <a href="members.html"><span class="icon">👑</span>会员</a>
33  <a href="talks.html"><span class="icon">💬</span>消息</a>
34  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
35</div>
36<script src="data.js"></script><script src="app.js"></script>
37<script>renderMine();</script>
38</body></html>