单页索引 / 第 01 版

木瓜视频

把片库按类型拆开列,找剧的时候不会被短片插进来打断。这一版只做索引,不做堆砌。

04内容主线
06锚点栏目
01静态页面
02分类导览

四条主线,横向展开

木瓜视频把剧集、电影、综艺、短片分成四条独立主线,同一层里不混排。窄屏下这一排可以左右滑动,顺序不变。

TRACK 01

剧集

按系列归拢,同系列不同季排在一处,不另起条目。

进入栏目 →
TRACK 02

电影

单片独立成条,名称沿用原名,不缩写不改写。

进入栏目 →
TRACK 03

综艺

按季与期次排列,期次号保留原始写法。

进入栏目 →
TRACK 04

短片

时长较短的条目单独成线,不插进长内容列表。

进入栏目 →
03检索口径

条目怎么收、怎么排

索引写得清楚,比多放几个词有用。下面这几条是本站固定的整理方式,栏目变动时也照此执行。

命名
沿用内容原始名称,不缩写、不改写、不加前缀修饰。
归类
一部内容只进一条主线;跨形态的按主形态判定,不重复挂载。
排序
同层内按名称首字与上线顺序排列,层内不插推广位。
锚点
栏目结构变化时同步调整编号与锚点,旧入口保留跳转能力。
04播放说明

从索引到入口的路径

  • ENTRY分类导览里的四格都指向本页锚点,不跳外部路径,也不另开域名。
  • QUALITY按当前终端带宽给出可用档位,窄屏默认选中低一档,减少首帧等待。
  • BACK任意栏目都能回到顶部刻度条,锚点位置固定,不随滚动重排。
05移动端

窄屏怎么折

这一版没有用栅格框架,断点只设一处,样式全部写在本页里,加载不依赖外部资源。

860px
左侧深色刻度条折成顶部横滑条,六个栏目顺序保持不变。
字号
标题随视口收缩,正文不小于 13.5px,不出现需要双指放大的段落。
滑条
分类区采用横向吸附,触屏一次滑动落在一个格子上。
安全区
视口声明含 viewport-fit=cover,左右留出系统安全区。
06站点信息

名称与地址

木瓜视频为单页静态索引,六个栏目以锚点分区,页面内容与样式都在这一个文件里。

站点名称
木瓜视频
站点地址
https://www.muguashipin-top.lol
域名
muguashipin-top.lol
页面结构
单页 HTML,六个锚点栏目,样式内联,无外部脚本
编码
UTF-8 / 简体中文

回到顶部 ↑