r62/detail.html · 约 2945 字符
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">星际折跃</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">2025 · 科幻 · 138 分钟</div></div>
21 <button class="btn sm">＋关注</button></div>
22 <div class="row" style="margin-top:10px"><div class="star">★ ★ ★ ★ ★</div><div class="muted">综合 8.9 · 1.2w 人评</div></div>
23</div>
24<div class="card">
25 <div class="sec-title"><span class="em">📖</span> 剧情简介</div>
26 <div class="muted" style="line-height:1.7">公元 2177 年，人类首次折跃引擎试航失控，飞船坠入未知星域。领航员苏野在四维空间中遇见了来自未来的自己，必须做出抉择：拯救舰队，还是改写时间的起点……</div>
27</div>
28<div class="card">
29 <div class="sec-title"><span class="em">🎭</span> 演职员</div>
30 <div class="row"><div class="avatar">苏</div><div class="info" style="flex:1"><div class="nm" style="font-size:13px">苏野（饰演 领航员）</div><div class="muted">主演 · 苏霓</div></div></div>
31</div>
32<div class="card">
33 <div class="sec-title"><span class="em">💬</span> 短评（2,341）</div>
34 <div class="comment"><div class="avatar">影</div><div class="info"><div class="nm">影迷 7731</div><div class="tx">"折跃镜头封神，二刷预定！"</div></div></div>
35 <div class="comment"><div class="avatar">星</div><div class="info"><div class="nm">星河入梦</div><div class="tx">"配乐太顶了，鸡皮疙瘩起来。"</div></div></div>
36</div>
37<div class="row" style="gap:8px;margin:4px 2px 12px">
38 <button class="btn line flex" style="flex:1">❤ 收藏</button>
39 <button class="btn line flex" style="flex:1">💬 短评</button>
40 <a class="btn flex" style="flex:1;text-decoration:none;text-align:center" href="rate.html">⭐ 评分</a>
41</div>
42</main>
43 <nav class="nav"><a class=" on" href="home.html"><span class="ic">🏠</span>首页</a><a class="" 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>
44</div>
45<script></script>
46</body>
47</html>