r61/detail.html · 约 2783 字符
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="cover">🎬</div>
17<div class="card">
18 <div class="row"><div class="nm" style="font-size:16px;font-weight:800;color:#fff">星际穿越</div>
19 <div><span class="tag">❤ 已想看</span></div></div>
20 <div class="row" style="margin-top:10px"><div class="avatar">诺</div><div class="info" style="flex:1"><div class="nm" style="font-size:13px">克里斯托弗·诺兰</div><div class="muted">导演 · 2014 · 科幻/冒险</div></div></div>
21 <div class="row" style="margin-top:12px"><div class="score" style="font-size:26px">9.4 <small style="font-size:12px">分 · 128 万人评</small></div>
22 <a class="btn sm" href="rate.html">去打分</a></div>
23 <div class="bar" style="margin-top:8px"><i style="width:94%"></i></div>
24</div>
25<div class="card">
26 <div class="sec-title"><span>📖</span> 剧情简介</div>
27 <div class="muted" style="line-height:1.7">近未来，地球环境恶化，粮食危机蔓延。前 NASA 飞行员库珀穿越虫洞为人类寻找新家园，在五维空间里，爱成为唯一能跨越维度的力量……</div>
28</div>
29<div class="card">
30 <div class="sec-title"><span>💬</span> 短评（2.3k）</div>
31 <div class="comment"><div class="avatar">影</div><div class="info"><div class="nm">影迷 8821 <span class="score" style="font-size:12px">★9.5</span></div><div class="tx">"泪目，父女情与硬核物理的完美结合。"</div></div></div>
32 <div class="comment"><div class="avatar">诺</div><div class="info"><div class="nm">诺兰脑残粉 <span class="score" style="font-size:12px">★9.3</span></div><div class="tx">"汉斯·季默的管风琴太震撼了。"</div></div></div>
33</div>
34<div class="row" style="gap:8px;margin:4px 2px 12px">
35 <button class="btn line flex" style="flex:1">❤ 想看</button>
36 <button class="btn line flex" style="flex:1">🔖 收藏</button>
37 <button class="btn flex" style="flex:1">💬 评论</button>
38</div>
39</main>
40 <nav class="nav"><a class="" href="home.html"><span class="ic">🏠</span>首页</a><a class=" on" href="category.html"><span class="ic">🗂</span>分类</a><a class="" href="recommend.html"><span class="ic">✨</span>推荐</a><a class="" href="my.html"><span class="ic">❤</span>想看</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
41</div>
42<script></script>
43</body>
44</html>