💻 代码预览 · 小草娱乐直播

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="live-stage">
6  <div class="ls-info">
7    <div class="ls-av">🎤</div>
8    <div class="ls-name"><b>甜甜酱</b><span>关注 128万 · 粉丝团 3.2万</span></div>
9  </div>
10  <span class="ls-online">🟢 12.8万人在看</span>
11  <div style="font-size:72px">🎤</div>
12  <div class="ls-btns">
13    <button onclick="followHost(this)">＋ 关注</button>
14    <button onclick="location.href='recharge.html'">🎁 送礼物</button>
15  </div>
16</div>
17<div class="card" style="padding:10px 12px;display:flex;gap:14px;align-items:center;margin-top:12px">
18  <span class="badge badge-live">LIVE</span>
19  <div style="flex:1;font-size:13px" id="l-title">唱一首歌给大家听~</div>
20  <a href="mine.html" style="color:#b79bff;font-size:12px">主播主页 ›</a>
21</div>
22<div class="section-title">💬 弹幕互动</div>
23<div class="danmu" id="danmu"></div>
24<div class="danmu-input">
25  <input id="dm-input" placeholder="说点什么吧...">
26  <button onclick="sendDm()">发送</button>
27</div>
28<div class="section-title">🎁 礼物面板 <span>双击点赞 点亮小心心</span></div>
29<div class="card"><div class="gift-grid" id="gift-grid"></div></div>
30<div style="height:70px"></div>
31<div class="tabbar">
32  <a href="index.html"><span class="icon">🏠</span>首页</a>
33  <a href="live.html" class="active"><span class="icon">🔴</span>直播</a>
34  <a href="short.html"><span class="icon">▶️</span>视频</a>
35  <a href="follows.html"><span class="icon">❤️</span>关注</a>
36  <a href="mine.html"><span class="icon">👤</span>我的</a>
37</div>
38<script src="data.js"></script>
39<script src="app.js"></script>
40<script>renderLive();</script>
41</body></html>