QQMCC 欢迎你的回来。
快捷导航

[电影表格] 剧集合集按钮版

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

发表于 昨天 15:43 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转QQMCC。

您需要 登录 才可以下载或查看,没有账号?注册

x
VIP
p2405171440.jpg
行尸走肉 6季合集
人气 TOP 1
剧情 | 恐怖
2021 | 美国 | 剧集 | 单集44分钟
IMDb
8.8/10
网友评分 ★★★★☆
76.8w 评分 8.9
导演: 格里高利·尼克特洛 / 詹妮弗·林奇 / 迈克尔·斯洛维斯
编剧: 弗兰克·德拉邦特 / Charlie Adlard / 斯科特·M·金普勒
主演: 安德鲁·林肯 / 诺曼·瑞杜斯 / 奥斯汀·艾布拉姆斯 / 史蒂文·元 / 钱德勒·里格斯 / 亚利桑德拉·布莱肯瑞吉 / 劳伦·科汉 / 迈克尔·库立兹 [更多]
/ 托芙·菲尔德舒 / 塞斯·吉列姆 / 丹娜·奎里拉 / 连尼·詹姆斯 / 罗斯·马昆德 / 索尼夸·马丁-格林 / 阿兰娜·莫特森 / 梅丽莎·麦克布莱德 / 杰弗里·迪恩·摩根
描述: 瑞克苏醒,发现世界被行尸占领,和幸存者一路逃亡,先后经历农场、监狱失守,逃离食人族终点站,抵达亚历山大。之后他们遇上救世军,尼根杀害格伦、亚伯拉罕,瑞克被迫屈服,后来联合各社区击败救世军,活捉尼根,卡尔牺牲。瑞克意外失踪,阿尔法带领低语者来袭,几番血战消灭低语者。幸存者又对抗收割者,最后推翻腐败的联邦,故事结束。
同系列剧集
展开预告片
回复

使用道具 举报

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

 楼主| 发表于 昨天 15:45 | 显示全部楼层
  1. <style>
  2. .dz-card-wrap{--grad:linear-gradient(135deg,#6366f1,#a855f7);--glow:rgba(168,85,247,.45);width:950px !important;background:#161a23;border-radius:14px;padding:16px;margin:10px auto;box-sizing:border-box;}
  3. .dz-oval-input{width:100%;box-sizing:border-box;margin-bottom:16px;padding:10px 18px;border-radius:999px;border:none;outline:none;background:#232935;color:#e8e8e8;font-size:14px;}
  4. .dz-oval-input::placeholder{color:#888;}
  5. .dz-middle-row{display:flex;gap:18px;align-items:flex-start;margin-bottom:12px;}
  6. .dz-img-left{flex:0 0 420px;width:420px;height:600px;position:relative;border-radius:12px;overflow:hidden;background:#000;}
  7. .dz-img-left img{width:100%;height:100%;object-fit:cover;display:block;}
  8. .vip-corner-tag{position:absolute;top:0;right:0;z-index:3;width:70px;height:34px;line-height:34px;text-align:center;background:var(--grad);color:#fff;font-weight:900;font-size:22px;border-bottom-left-radius:12px;box-shadow:0 0 10px rgba(168,85,247,.55);}
  9. .dz-text-right{flex:1;min-width:0;}
  10. .detail-wrap{display:flex;flex-direction:column;gap:12px;}
  11. .text-main-title{font-size:28px;color:#fff;font-weight:bold;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
  12. .tag-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;}
  13. .tag-hot-group{display:inline-flex;}
  14. .tag-hot{background:var(--grad);color:#fff;padding:3px 9px;border-radius:4px 0 0 4px;font-weight:bold;font-size:13px;box-shadow:0 0 6px var(--glow);}
  15. .tag-top-num{background:#2c313b;color:#d7dde8;padding:3px 9px;border-radius:0 4px 4px 0;font-weight:bold;font-size:13px;}
  16. .tag-type{background:var(--grad);color:#fff;padding:2px 9px;border-radius:4px;font-size:13px;box-shadow:0 0 6px var(--glow);}
  17. .meta-line{color:#b9b9b9;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
  18. .score-card{background:#2c313b;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
  19. .imdb-badge{background:#f5c518;color:#000;font-weight:900;font-size:20px;padding:4px 11px;border-radius:4px;}
  20. .score-main-row{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap;}
  21. .score-num-block{font-size:34px;font-weight:bold;color:#ffaa2b;line-height:1;}
  22. .score-text-block{display:flex;flex-direction:column;gap:0;}
  23. .score-label{font-size:12px;color:#fff;margin:0;}
  24. .imdb-star{font-size:12px;color:#f5c518;}
  25. .score-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  26. .score-icon{width:24px;height:24px;object-fit:contain;display:block;}
  27. .green-tag{background:#22bb66;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;font-weight:bold;}
  28. .imdb-votes{font-size:12px;color:#C0C0C0;}
  29. .info-line{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.2;}
  30. .info-desc{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.4;}
  31. .actor-wrap{color:#e2e2e2;font-size:14px;line-height:1.2;}
  32. .actor-main{display:inline;}
  33. .actor-toggle{color:#a855f7;cursor:pointer;margin-left:6px;white-space:nowrap;}
  34. .actor-more{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  35. .actor-wrap.open .actor-more{max-height:800px;}
  36. .ep-title{color:#fff;font-size:15px;margin:8px 0 10px 0;font-weight:bold;}
  37. .ep-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;}
  38. .ep-btn{padding:9px 6px;border-radius:999px;border:none;font-size:14px;background:#333944;color:#eee;cursor:pointer;text-align:center;transition:all .25s ease;}
  39. .ep-btn:hover{background:var(--grad);color:#fff;font-weight:bold;box-shadow:0 0 8px var(--glow);}
  40. .trailer-fold{width:100%;margin-top:16px;}
  41. .fold-item{background:#202833;border:1px solid #333b48;border-radius:8px;overflow:hidden;}
  42. .fold-header{padding:11px 16px;cursor:pointer;color:#e2e2e2;display:flex;justify-content:space-between;align-items:center;}
  43. .fold-content{max-height:0;overflow:hidden;padding:0 16px;background:#161a23;color:#fff;transition:max-height .35s ease,padding .35s ease;white-space:pre-wrap;}
  44. .fold-item.open .fold-content{max-height:2000px;padding:13px 16px;}
  45. .fold-icon-img{width:14px;height:14px;object-fit:contain;transition:transform .3s;display:block;}
  46. .fold-item.open .fold-icon-img{transform:rotate(180deg);}
  47. </style>

  48. <div class="dz-card-wrap">
  49. <input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
  50. <div class="dz-middle-row">
  51. <div class="dz-img-left">
  52. <div class="vip-corner-tag">VIP</div>
  53. <海报位置>
  54. </div>
  55. <div class="dz-text-right">
  56. <div class="detail-wrap">
  57. <span class="text-main-title">行尸走肉 6季合集</span>
  58. <div class="tag-row">
  59. <div class="tag-hot-group">
  60. <span class="tag-hot">人气</span>
  61. <span class="tag-top-num">TOP 1</span>
  62. </div>
  63. <span class="tag-type">剧情 | 恐怖</span>
  64. </div>
  65. <div class="meta-line">2021  |  美国  |  剧集  |  单集44分钟</div>
  66. <div class="score-card">
  67. <span class="imdb-badge">IMDb</span>
  68. <div class="score-main-row">
  69. <div class="score-num-block">8.8/10</div>
  70. <div class="score-text-block">
  71. <span class="score-label">网友评分</span>
  72. <span class="imdb-star">★★★★☆</span>
  73. </div>
  74. </div>
  75. <div class="score-right">
  76. <span class="imdb-votes">76.8w 评分</span>
  77. <img class="score-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/111845sa8z32f3muj3xlhx.png">
  78. <span class="green-tag">8.9</span>
  79. </div>
  80. </div>
  81. <div class="info-line">导演: 格里高利·尼克特洛 / 詹妮弗·林奇 / 迈克尔·斯洛维斯</div>
  82. <div class="info-line">编剧: 弗兰克·德拉邦特 / Charlie Adlard / 斯科特·M·金普勒</div>
  83. <div class="actor-wrap">
  84. <span class="actor-main">主演: 安德鲁·林肯 / 诺曼·瑞杜斯 / 奥斯汀·艾布拉姆斯 / 史蒂文·元 / 钱德勒·里格斯 / 亚利桑德拉·布莱肯瑞吉 / 劳伦·科汉 / 迈克尔·库立兹</span>
  85. <span class="actor-toggle">[更多]</span>
  86. <div class="actor-more"> / 托芙·菲尔德舒 / 塞斯·吉列姆 / 丹娜·奎里拉 / 连尼·詹姆斯 / 罗斯·马昆德 / 索尼夸·马丁-格林 / 阿兰娜·莫特森 / 梅丽莎·麦克布莱德 / 杰弗里·迪恩·摩根</div>
  87. </div>
  88. <div class="info-desc">描述: 瑞克苏醒,发现世界被行尸占领,和幸存者一路逃亡,先后经历农场、监狱失守,逃离食人族终点站,抵达亚历山大。之后他们遇上救世军,尼根杀害格伦、亚伯拉罕,瑞克被迫屈服,后来联合各社区击败救世军,活捉尼根,卡尔牺牲。瑞克意外失踪,阿尔法带领低语者来袭,几番血战消灭低语者。幸存者又对抗收割者,最后推翻腐败的联邦,故事结束。</div>
  89. <div class="ep-title">更多剧集</div>
  90. <div class="ep-grid">
  91. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/11881.html'">第1季</button>
  92. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/11882.html'">第2季</button>
  93. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91228.html'">第3季</button>
  94. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91227.html'">第4季</button>
  95. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91226.html'">第5季</button>
  96. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91225.html'">第6季</button>
  97. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91226.html'">第7季</button>
  98. <button class="ep-btn" onclick="window.location.href='https://www.dytiantang.cc/voddetail/91225.html'">第8季</button>
  99. </div>
  100. </div>
  101. </div>
  102. </div>

  103. <div class="trailer-fold">
  104. <div class="fold-item">
  105. <div class="fold-header">
  106. <span>展开预告片</span>
  107. <img class="fold-icon-img" src="https://www.qqmcc.net/data/attachment/album/202610/19/105402oqk0n5mn0ink05ik.png">
  108. </div>
  109. <div class="fold-content">预告片位置</div>
  110. </div>
  111. </div>
  112. </div>

  113. <script>
  114. document.querySelector('.actor-toggle').onclick = function(){
  115.     const wrap = this.closest('.actor-wrap');
  116.     wrap.classList.toggle('open');
  117.     this.innerText = wrap.classList.contains('open') ? '[收起]' : '[更多]';
  118. }
  119. document.querySelector('.fold-header').onclick = function(){
  120.     const item = this.closest('.fold-item');
  121.     item.classList.toggle('open');
  122. }
  123. </script>
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|小黑屋|关于我们

Copyright © 2016-2023, Tencent Cloud.    Powered by Discuz! X3.4    鄂ICP备2022014325号-7

GMT+8, 2026-10-27 09:39