💻 代码预览 · 小草心动

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="home">
10
11<div class="topbar">
12  <div class="brand"><div class="logo">💞</div><div><b>小草心动</b><small>约会 · 找搭子 · 遇见同频的人</small></div></div>
13  <a class="me" href="mine.html">💫</a>
14</div>
15<div class="deck" id="deck"></div>
16<div class="empty" id="empty"><div class="big">🌙</div><h3>今日心动已用完</h3><p style="color:var(--sub)">明天再来遇见新的人吧～</p></div>
17<div class="actbar">
18  <div class="fab nope" id="btnNope">✕</div>
19  <div class="fab star" id="btnStar">★</div>
20  <div class="fab like" id="btnLike">♥</div>
21</div>
22<div class="counter" id="left"></div>
23<div class="match" id="match">
24  <div class="box glass">
25    <div class="heart">💞</div>
26    <h2>心动匹配！</h2>
27    <p>你和 <b id="matchName"></b> <span id="matchEmoji"></span> 互相喜欢，<br>现在就可以开始聊天啦</p>
28    <button class="btn" id="matchClose">开始聊天</button>
29  </div>
30</div>
31<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>
32<div class="toast" id="toast"></div>
33<script src="data.js"></script>
34<script src="app.js"></script>
35</body>
36</html>