💻 代码预览 · 小草心动

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="stylesheet" href="style.css">
8</head>
9<body data-page="mine">
10
11<div class="topbar"><div class="brand"><div class="logo">💫</div><div><b>我的</b><small>小草心动</small></div></div></div>
12<div class="prof glass">
13  <div class="av" id="pAvatar"></div>
14  <h2 id="pName"></h2>
15  <div class="jb" id="pJob"></div>
16  <div class="bio" id="pBio"></div>
17</div>
18<div class="stats glass" style="border-radius:18px">
19  <div class="s"><b id="sLike">0</b><span>心动</span></div>
20  <div class="s"><b id="sMatch">0</b><span>匹配</span></div>
21  <div class="s"><b id="sDazi">0</b><span>搭子</span></div>
22</div>
23<div class="sec-title" style="margin:18px 18px 0">我的消息</div>
24<div id="msgs"></div>
25<div class="menu glass" style="border-radius:18px">
26  <div class="it"><span class="ic">✔</span><span class="tx">实名认证</span><span class="ar">›</span></div>
27  <div class="it"><span class="ic">🔒</span><span class="tx">隐私设置</span><span class="ar">›</span></div>
28  <div class="it"><span class="ic">🤝</span><span class="tx">我的搭子</span><span class="ar">›</span></div>
29  <div class="it"><span class="ic">🚫</span><span class="tx">黑名单</span><span class="ar">›</span></div>
30  <div class="it"><span class="ic">⚙️</span><span class="tx">设置</span><span class="ar">›</span></div>
31</div>
32<div class="card-hint">小草心动 · 让相遇更简单</div>
33<nav class="nav"><a data-nav="home" href="index.html"><span class="ic">💞</span>心动</a><a data-nav="soul" href="soul.html"><span class="ic">🔮</span>灵魂</a><a data-nav="dazi" href="dazi.html"><span class="ic">🤝</span>搭子</a><a data-nav="moments" href="moments.html"><span class="ic">✨</span>动态</a><a data-nav="mine" href="mine.html"><span class="ic">👤</span>我的</a></nav>
34<div class="toast" id="toast"></div>
35<script src="data.js"></script>
36<script src="app.js"></script>
37</body>
38</html>