💻 代码预览 · 小草心动

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="dazi">
10
11<div class="topbar">
12  <div class="brand"><div class="logo">🤝</div><div><b>搭子广场</b><small>找饭搭子 · 旅游搭子 · 更多</small></div></div>
13  <div class="me" id="openDazi" style="cursor:pointer">＋</div>
14</div>
15<div class="page">
16  <div class="scrollx" id="scenes"></div>
17  <div id="list"></div>
18</div>
19<div class="modal" id="daziModal">
20  <div class="sheet">
21    <h3>发起一个搭子</h3>
22    <div class="field"><label>搭子类型</label><select id="dScene">
23      <option>饭搭子</option><option>旅游搭子</option><option>运动搭子</option>
24      <option>学习搭子</option><option>游戏搭子</option><option>电影搭子</option></select></div>
25    <div class="field"><label>标题</label><input id="dTitle" placeholder="如：周末探店·人均60日料"></div>
26    <div class="field"><label>描述</label><textarea id="dDesc" placeholder="说清楚时间、地点、想找什么样的人…"></textarea></div>
27    <button class="btn" id="submitDazi" style="width:100%">发布搭子</button>
28    <div class="card-hint" id="closeDazi" style="margin-top:12px;cursor:pointer">取消</div>
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>