r52/media.html · 约 2370 字符
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">
6<title>发送图片/文件</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">用户 · 夜行者</div>
13 <div class="top-r">发送图片/文件</div>
14 </header>
15 <main class="main">
16<div class="card glow">
17 <div class="sec-title"><span class="em">📸</span> 图片</div>
18 <div class="grid">
19 <div class="cover" style="height:90px;font-size:30px">🖼️</div>
20 <div class="cover" style="height:90px;font-size:30px">🎮</div>
21 <div class="cover" style="height:90px;font-size:30px">🏆</div>
22 <div class="cover" style="height:90px;font-size:30px;color:var(--pri2)">＋</div>
23 </div>
24</div>
25<div class="card">
26 <div class="sec-title"><span class="em">📎</span> 最近文件</div>
27 <div class="guide"><div class="thumb" style="font-size:22px">📄</div><div class="info"><div class="nm">开黑阵容.txt</div><div class="sub">12 KB · 刚刚</div></div><span class="badge b-pri">已发</span></div>
28 <div class="guide"><div class="thumb" style="font-size:22px">🎵</div><div class="info"><div class="nm">bgm_loop.mp3</div><div class="sub">3.2 MB · 2 分钟前</div></div><span class="badge b-pri">已发</span></div>
29 <div class="guide"><div class="thumb" style="font-size:22px">📊</div><div class="info"><div class="nm">战绩统计.xlsx</div><div class="sub">88 KB · 待发送</div></div><button class="btn ghost sm">发送</button></div>
30</div>
31<div class="row" style="gap:8px;margin:4px 2px 12px">
32 <a class="btn line flex" style="flex:1;text-decoration:none;text-align:center" href="chat.html">返回聊天</a>
33 <a class="btn flex" style="flex:1;text-decoration:none;text-align:center" href="chat.html">发送所选</a>
34</div>
35</main>
36 <nav class="nav"><a class="" href="enter.html"><span class="ic">💬</span>进入</a><a class="" href="rooms.html"><span class="ic">🏠</span>房间</a><a class="" href="chat.html"><span class="ic">🗨️</span>聊天</a><a class="" href="members.html"><span class="ic">👥</span>成员</a><a class="" href="settings.html"><span class="ic">⚙️</span>我的</a></nav>
37</div>
38<script></script>
39</body>
40</html>