r50/find.html · 约 2323 字符
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="search">🔍 <input placeholder="搜索文件名、类型，如「预算」"></div>
17<div class="chips">
18 <div class="chip on">全部</div><div class="chip">文档</div><div class="chip">图片</div><div class="chip">视频</div><div class="chip">压缩包</div>
19</div>
20<div class="card">
21 <div class="sec-title">🔎 搜索结果（4）</div>
22 <a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">档</div><div class="info"><div class="nm">2026年度预算表.xlsx</div><div class="sub">1.2 MB · 表格</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">档</div><div class="info"><div class="nm">产品需求文档.docx</div><div class="sub">386 KB · 文档</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">档</div><div class="info"><div class="nm">项目会议纪要.pdf</div><div class="sub">240 KB · 文档</div></div></a><a class="guide" href="detail.html" style="text-decoration:none;color:inherit"><div class="thumb">档</div><div class="info"><div class="nm">周报模板.pptx</div><div class="sub">720 KB · 演示</div></div></a>
23</div>
24<div class="card">
25 <div class="sec-title">热门搜索</div>
26 <div class="chips">
27 <div class="chip">合同</div><div class="chip">发票</div><div class="chip">设计稿</div><div class="chip">备份</div>
28 </div>
29</div>
30</main>
31 <nav class="nav"><a class=" on" href="index.html"><span class="ic">🗂️</span>文件</a><a class="" href="up.html"><span class="ic">⬆</span>上传</a><a class="" href="shares.html"><span class="ic">🔗</span>分享</a><a class="" href="recycle.html"><span class="ic">🗑</span>回收</a><a class="" href="me.html"><span class="ic">⚙</span>我的</a></nav>
32</div>
33<script></script>
34</body>
35</html>