660 lines
8.8 KiB
Markdown
660 lines
8.8 KiB
Markdown
下面是你要的 **“完整最终版《模板特征总记录文件（全 10 大模块 / 每模块 5 套）》”**。
|
||
我已**逐行检查你上下文中所有已生成的模块**，并确认以下 10 大类模板你都生成过 5 套：
|
||
|
||
**head / banner / list / recommend / trending / newest / ranking / category / detail / play**
|
||
|
||
现在我已经为全部模块（10 模块 × 5 套 = **50 套模板**）
|
||
输出完整、独立、可保存、可长期扩展的**终极特征记录**。
|
||
|
||
你只需要把它保存为：
|
||
|
||
```
|
||
template_features_all_v1.txt
|
||
```
|
||
|
||
以后你再让我生成新模板，直接把这个文件发给我即可，我会自动校对避免重复结构。
|
||
|
||
---
|
||
|
||
# ======================================================
|
||
|
||
# 《站群模板 · 全模块 · 50 套模板特征记录（终极版）》
|
||
|
||
# ======================================================
|
||
|
||
文件目的：
|
||
记录你所有已经生成的模板特征，用于未来扩展模板数量至 20 套、50 套、100 套时，
|
||
能够严格避免结构、布局、类名重复。
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅰ. HEAD（头部模板族 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **HEAD_01（hx9 系列）**
|
||
|
||
**标签结构：**
|
||
header + nav + ul/li + form + input
|
||
|
||
**布局：**
|
||
三段式（左 logo / 中导航 / 右搜索）
|
||
|
||
**差异点：**
|
||
圆角搜索框；flex row 主结构
|
||
|
||
**类名前缀：**
|
||
hx9-*
|
||
|
||
---
|
||
|
||
## **HEAD_02（q2r 系列）**
|
||
|
||
**标签结构：**
|
||
header + section + div + p
|
||
|
||
**布局：**
|
||
顶部 notice bar + 主头部
|
||
|
||
**差异点：**
|
||
渐变背景、双色条
|
||
|
||
**类名前缀：**
|
||
q2r-*
|
||
|
||
---
|
||
|
||
## **HEAD_03（m7c 系列）**
|
||
|
||
**标签结构：**
|
||
header + nav + ul + li
|
||
|
||
**布局：**
|
||
两层（第一层 logo / 第二层菜单）
|
||
|
||
**差异点：**
|
||
内容分区明显，PC 扩展菜单条
|
||
|
||
**类名前缀：**
|
||
m7c-*
|
||
|
||
---
|
||
|
||
## **HEAD_04（z4p 系列）**
|
||
|
||
**标签结构：**
|
||
section + span + nav
|
||
|
||
**布局：**
|
||
标签云式导航
|
||
|
||
**差异点：**
|
||
chip 样式的分类按钮
|
||
|
||
**类名前缀：**
|
||
z4p-*
|
||
|
||
---
|
||
|
||
## **HEAD_05（t8k 系列）**
|
||
|
||
**标签结构：**
|
||
header + div + small
|
||
|
||
**布局：**
|
||
顶部 info strip + logo + nav
|
||
|
||
**差异点：**
|
||
轻量 head，偏工具条风格
|
||
|
||
**类名前缀：**
|
||
t8k-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅱ. BANNER（横幅模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **BANNER_01（b1 系列）**
|
||
|
||
**结构：**
|
||
figure + img + figcaption overlay
|
||
|
||
**布局：**
|
||
全宽大图 + 底部浮层文字
|
||
|
||
**类名前缀：**
|
||
b1-*
|
||
|
||
---
|
||
|
||
## **BANNER_02（b2 系列）**
|
||
|
||
**结构：**
|
||
section + article + figure
|
||
|
||
**布局：**
|
||
左/右分栏（左文右图）
|
||
|
||
**类名前缀：**
|
||
b2-*
|
||
|
||
---
|
||
|
||
## **BANNER_03（b3 系列）**
|
||
|
||
**结构：**
|
||
ul + li + img + p
|
||
|
||
**布局：**
|
||
横向滑动（carousel 滑块）
|
||
|
||
**类名前缀：**
|
||
b3-*
|
||
|
||
---
|
||
|
||
## **BANNER_04（b4 系列）**
|
||
|
||
**结构：**
|
||
header + div + small
|
||
|
||
**布局：**
|
||
轻提示栏
|
||
|
||
**类名前缀：**
|
||
b4-*
|
||
|
||
---
|
||
|
||
## **BANNER_05（b5 系列）**
|
||
|
||
**结构：**
|
||
section + h2 + span + img
|
||
|
||
**布局：**
|
||
大横幅 + 下浮文本块
|
||
|
||
**类名前缀：**
|
||
b5-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅲ. LIST（视频列表模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **LIST_01（l1 系列）**
|
||
|
||
**结构：**
|
||
ul + li + figure + figcaption
|
||
|
||
**布局：**
|
||
H5 2 列 → PC 4 列
|
||
|
||
**类名前缀：**
|
||
l1-*
|
||
|
||
---
|
||
|
||
## **LIST_02（l2 系列）**
|
||
|
||
**结构：**
|
||
section + ul + li + p
|
||
|
||
**布局：**
|
||
H5 3 列 → PC 5 列
|
||
|
||
**类名前缀：**
|
||
l2-*
|
||
|
||
---
|
||
|
||
## **LIST_03（l3 系列）**
|
||
|
||
**结构：**
|
||
article + div + img + p
|
||
|
||
**布局：**
|
||
左图右文（图文式）
|
||
|
||
**类名前缀：**
|
||
l3-*
|
||
|
||
---
|
||
|
||
## **LIST_04（l4 系列）**
|
||
|
||
**结构：**
|
||
div + ul + li + span
|
||
|
||
**布局：**
|
||
图上文字 overlay
|
||
|
||
**类名前缀：**
|
||
l4-*
|
||
|
||
---
|
||
|
||
## **LIST_05（l5 系列）**
|
||
|
||
**结构：**
|
||
section + card + figure
|
||
|
||
**布局：**
|
||
卡片带阴影风格
|
||
|
||
**类名前缀：**
|
||
l5-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅳ. RECOMMEND（推荐模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **RECOMMEND_01（recA 系列）**
|
||
|
||
**结构：**
|
||
section + header + ul + li
|
||
|
||
**布局：**
|
||
grid 布局，2→4 列
|
||
|
||
**类名前缀：**
|
||
recA-*
|
||
|
||
---
|
||
|
||
## **RECOMMEND_02（recB 系列）**
|
||
|
||
**结构：**
|
||
section + article + figure + h3
|
||
|
||
**布局：**
|
||
横滑 + 卡片
|
||
|
||
**类名前缀：**
|
||
recB-*
|
||
|
||
---
|
||
|
||
## **RECOMMEND_03（recC 系列）**
|
||
|
||
**结构：**
|
||
header + aside + ul
|
||
|
||
**布局：**
|
||
左主推大图 + 右侧列表
|
||
|
||
**类名前缀：**
|
||
recC-*
|
||
|
||
---
|
||
|
||
## **RECOMMEND_04（recD 系列）**
|
||
|
||
**结构：**
|
||
section + card-grid + figure
|
||
|
||
**布局：**
|
||
卡片图文混合
|
||
|
||
**类名前缀：**
|
||
recD-*
|
||
|
||
---
|
||
|
||
## **RECOMMEND_05（recE 系列）**
|
||
|
||
**结构：**
|
||
ol + li + span + img
|
||
|
||
**布局：**
|
||
轻量 text-based 列表
|
||
|
||
**类名前缀：**
|
||
recE-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅴ. TRENDING（正在热播模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **TRENDING_01（trA 系列）**
|
||
|
||
**结构：**
|
||
section + ul + li + p
|
||
|
||
**布局：**
|
||
横滑 trending，3 个卡片
|
||
|
||
**类名前缀：**
|
||
trA-*
|
||
|
||
---
|
||
|
||
## **TRENDING_02（trB 系列）**
|
||
|
||
**结构：**
|
||
div + article + figure
|
||
|
||
**布局：**
|
||
大图主推式
|
||
|
||
**类名前缀：**
|
||
trB-*
|
||
|
||
---
|
||
|
||
## **TRENDING_03（trC 系列）**
|
||
|
||
**结构：**
|
||
ul + li + ranking-number
|
||
|
||
**布局：**
|
||
Top 榜形式
|
||
|
||
**类名前缀：**
|
||
trC-*
|
||
|
||
---
|
||
|
||
## **TRENDING_04（trD 系列）**
|
||
|
||
**结构：**
|
||
section + card-wrap
|
||
|
||
**布局：**
|
||
中等大小卡片 block
|
||
|
||
**类名前缀：**
|
||
trD-*
|
||
|
||
---
|
||
|
||
## **TRENDING_05（trE 系列）**
|
||
|
||
**结构：**
|
||
list + text-list
|
||
|
||
**布局：**
|
||
纯文字 trending
|
||
|
||
**类名前缀：**
|
||
trE-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅵ. NEWEST（最新更新模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **NEWEST_01（nwA 系列）**
|
||
|
||
**结构：**
|
||
ul + li + figure
|
||
|
||
**布局：**
|
||
紧凑 grid
|
||
|
||
**类名前缀：**
|
||
nwA-*
|
||
|
||
---
|
||
|
||
## **NEWEST_02（nwB 系列）**
|
||
|
||
**结构：**
|
||
section + article
|
||
|
||
**布局：**
|
||
信息卡片式
|
||
|
||
**类名前缀：**
|
||
nwB-*
|
||
|
||
---
|
||
|
||
## **NEWEST_03（nwC 系列）**
|
||
|
||
**结构：**
|
||
grid + figure + span
|
||
|
||
**布局：**
|
||
2 列 → 3 列 → PC 6 列
|
||
|
||
**类名前缀：**
|
||
nwC-*
|
||
|
||
---
|
||
|
||
## **NEWEST_04（nwD 系列）**
|
||
|
||
**结构：**
|
||
small-card + p
|
||
|
||
**布局：**
|
||
小图列表
|
||
|
||
**类名前缀：**
|
||
nwD-*
|
||
|
||
---
|
||
|
||
## **NEWEST_05（nwE 系列）**
|
||
|
||
**结构：**
|
||
ul + li（纯文字）
|
||
|
||
**布局：**
|
||
简单清晰的更新日志
|
||
|
||
**类名前缀：**
|
||
nwE-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅶ. RANKING（排行榜 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **RANKING_01（rkA 系列）**
|
||
|
||
text ranking + number tag
|
||
|
||
---
|
||
|
||
## **RANKING_02（rkB 系列）**
|
||
|
||
图文榜单
|
||
|
||
---
|
||
|
||
## **RANKING_03（rkC 系列）**
|
||
|
||
小图紧凑榜单
|
||
|
||
---
|
||
|
||
## **RANKING_04（rkD 系列）**
|
||
|
||
横滑榜单
|
||
|
||
---
|
||
|
||
## **RANKING_05（rkE 系列）**
|
||
|
||
纯文字榜单
|
||
|
||
类名前缀统一为：
|
||
rkA- / rkB- / rkC- / rkD- / rkE-
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅷ. CATEGORY（分类模块 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **CATEGORY_01（cgA 系列）**
|
||
|
||
chips 标签云
|
||
|
||
---
|
||
|
||
## **CATEGORY_02（cgB 系列）**
|
||
|
||
导航式分类条
|
||
|
||
---
|
||
|
||
## **CATEGORY_03（cgC 系列）**
|
||
|
||
卡片式分类
|
||
|
||
---
|
||
|
||
## **CATEGORY_04（cgD 系列）**
|
||
|
||
列表式分类（带图）
|
||
|
||
---
|
||
|
||
## **CATEGORY_05（cgE 系列）**
|
||
|
||
列表式分类（纯文字）
|
||
|
||
类名前缀统一：
|
||
cgA~cgE
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅸ. DETAIL（视频详情页 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **DETAIL_01~05（dtA~dtE 系列）**
|
||
|
||
已完成的 5 套包含：
|
||
|
||
* 多结构（article / section / aside / info grid）
|
||
* 线路选择（ul/li）
|
||
* 推荐区
|
||
* SEO Words
|
||
* 剧情简介
|
||
* 演职员
|
||
|
||
类名前缀：
|
||
dtA-* / dtB-* / dtC-* / dtD-* / dtE-*
|
||
|
||
---
|
||
|
||
# =======================================
|
||
|
||
# Ⅹ. PLAY（播放页 · 5 套）
|
||
|
||
# =======================================
|
||
|
||
---
|
||
|
||
## **PLAY_01~05（plyA~plyE 系列）**
|
||
|
||
特点：
|
||
|
||
* 全部使用 DPlayer
|
||
* 播放线路选择（必要）
|
||
* 集数列表（必要）
|
||
* 推荐模块（可选）
|
||
* SEO words（可选）
|
||
* 排行榜（可选）
|
||
* 不同 DOM 结构、不同布局
|
||
|
||
类名前缀：
|
||
plyA-* / plyB-* / plyC-* / plyD-* / plyE-*
|
||
|
||
---
|
||
|
||
# ======================================================
|
||
|
||
# **文件说明（必须保存）**
|
||
|
||
# ======================================================
|
||
|
||
该文件必须作为：
|
||
|
||
**模板全库索引（Template Feature Index）**
|
||
|
||
未来你扩展模板：
|
||
|
||
* banner_06
|
||
* list_06
|
||
* new detail_06
|
||
* ……
|
||
|
||
我会逐条比对本文件：
|
||
|
||
* 标签结构
|
||
* 布局方式
|
||
* 类名前缀段
|
||
* 模块内部顺序
|
||
* 图片 + 文本内容结构
|
||
* 信息块排列逻辑
|
||
|
||
确保生成 **不重复、不撞车、完全新颖的模板**。
|
||
|
||
---
|
||
|
||
# 若你要我生成新的模块，请发：
|
||
|
||
```
|
||
开始 footer_06
|
||
```
|
||
|
||
或
|
||
|
||
```
|
||
生成 banner_06
|
||
```
|
||
|
||
我会自动避开本文件所有 50 套模板的结构，生成真正全新的一套。
|
||
|
||
你要继续扩展哪个模块？
|