xiaocao-fitness/circle.html · 约 1275 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>运动圈 - 小草健身打卡</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>运动圈</h1><span class="right">📷</span></div>
6<div class="card" style="display:flex;gap:12px;align-items:center;cursor:pointer" onclick="publishPost()">
7 <div style="width:40px;height:40px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:20px">✏️</div>
8 <div style="flex:1;color:#999;font-size:14px">分享你的运动时刻...</div>
9 <div style="font-size:20px">📤</div>
10</div>
11<div id="post-list"></div>
12<div style="height:70px"></div>
13<div class="tabbar">
14 <a href="index.html"><span class="icon">🏠</span>首页</a>
15 <a href="train.html"><span class="icon">📋</span>训练</a>
16 <a href="stats.html"><span class="icon">📊</span>统计</a>
17 <a href="mine.html"><span class="icon">👤</span>我的</a>
18</div>
19<script src="data.js"></script>
20<script src="app.js"></script>
21<script>renderCircle();</script>
22</body></html>