StarFlix暗黑网飞风影视模板

模板截图：

模板介绍

StarFlix是适配苹果cms V10开发的暗黑系影视模板，复刻Netflix经典视觉风格，整体采用纯黑底色搭配暗红色交互高光，极简卡片式布局，适配电影、电视剧、动漫、综艺等各类流媒体影视站点。

模板核心特点

• 专属暗黑配色：页面底色#0a0a0a，搭配网飞标志性暗红色#e50914作为按钮、标签、高亮交互色，观影氛围感拉满

• 极简卡片排版：全屏海报网格布局，影片搭配红色评分标识，页面滚动动画顺滑自然

• 多端响应式适配：电脑端满屏多列展示，平板自动4列排版，手机端2-3列自适应，布局不会错乱

• 标准化HTML5语义代码：header、main、section等规范标签，天然适配搜索引擎收录，SEO友好

• 轻量化原生开发：仅使用HTML+CSS+原生JS编写，无jQuery、无第三方UI框架，页面加载速度更快

内置完整功能

• 首页全屏Banner轮播，叠加影片简介、播放快捷按钮

• 横向滚动分区模块，区分热门电影、热播剧集、高分佳作等栏目

• 顶部多维度筛选栏，支持影视类型、地区、上映年份、语言、首字母筛选

• 播放页多线路Tab切换，兼容多播放源同时展示

• 详情页虚化全屏背景海报，集中展示评分、演员阵容、完整剧情简介

• 图片原生懒加载，减少带宽消耗，提升页面打开速度

• 移动端折叠汉堡导航菜单，适配手机触摸操作

• 滚动返回顶部悬浮按钮

开发技术栈

HTML5 + CSS3（Grid网格、Flex弹性布局、CSS全局变量统一配色）+ 原生JavaScript + 苹果cms V10官方模板引擎

全套模板页面文件说明

模板完整安装步骤

1. 将完整模板文件夹上传至网站根目录 template/ 文件夹内

2. 登录苹果cms后台管理，打开「系统」→「网站参数配置」

3. 在网站模板下拉选项选中当前模板文件夹名称（muban）并保存

4. 进入「视频」→「分类管理」，编辑所有分类，绑定对应type/show/detail/play/search模板页面

5. 清空网站全部缓存，刷新前台页面即可生效

使用注意事项

1、模板仅兼容苹果cms V10系统，低版本程序无法正常运行；

2、模板内所有{maccms}系统标签仅可修改num展示数量参数，其余调用代码禁止改动，避免数据读取异常；

3、导航分类ids参数需要和后台分类ID一一对应，否则导航栏目展示不全；

4、播放器模块采用系统原生变量{$player_data}、{$player_js}渲染，无需额外改造播放器代码。