模板截图:
1首页
2封面页
3筛选页
4播放页
模板基础介绍
苹果站为大家讲解暗黑极简自适应影视模板这款专门适配苹果CMS V10的极简风格影视模板。模板摒弃各类繁杂多余功能,重点围绕用户搜索影片、在线观看这条核心浏览路径设计,同时兼顾电脑端、移动端访问体验,适合追求轻量化、提升访客播放转化的影视站点。
整套模板基于苹果CMS V10原生Smarty模板语法开发,采用简约现代设计风格,配备大图横幅推荐区域、卡片式影片布局,页面常驻搜索入口,支持一键跳转播放页面。模板主动精简登录注册、收藏、资源下载、评论、排行榜、留言板等非必要模块,访客进入网站可以快速找到影片直接播放,减少多余操作步骤。
模板核心特点
极简干净UI设计剔除多余视觉元素与冗余板块,页面布局清爽,把影片内容作为展示重心,避免信息杂乱影响浏览。
全端响应式布局电脑、平板、手机设备自动适配;PC端导航居中展示,搜索框固定显示;移动端导航和搜索收纳在弹出面板,点击按钮展开。
图片直出加载模式图片直接使用原生src标签输出,不依靠额外懒加载JS脚本,有利于页面首屏渲染与SEO优化工作。
CSS变量全局配色方案页面颜色、圆角尺寸、内外间距全部统一使用CSS变量管理,只需要修改变量数值,就能完成全站风格换肤,自定义主题十分便捷。
前端低依赖架构不引入重型前端框架,没有复杂构建流程,页面交互依靠原生JavaScript实现,模板上传完成即可直接使用。
模板内置功能清单
首页横幅自动轮播模块,配备左右切换箭头与指示圆点,读取后台level="9"推荐影片,展示影片标题、简介以及立即播放按钮。
首页支持划分多个分类区块,循环展示对应栏目最新影片,每个板块附带更多跳转入口。
顶部导航支持一级分类与下拉子分类,访问对应栏目时导航自动高亮。
常驻搜索功能,仅针对视频内容检索,简化访客搜索操作。
视频播放页完整功能:播放器自适应16:9满宽布局;支持影片锁定、版权提示展示;集成上一集、选集、下一集切换;多播放线路TAB切换,横向滚动剧集列表并且高亮当前播放集;页面底部附带同类影片推荐。
分类列表与筛选页面,支持栏目筛选、排序切换(发布时间、人气、点击量)以及分页导航。
全站统一面包屑导航,方便访客识别当前页面位置。
首页底部友情链接展示区域。
独立公共SEO模板,统一输出页面描述、关键词、OG协议等Meta标签,完善搜索引擎优化基础配置。
移动端专属交互效果,点击导航按钮弹出侧边面板,搭配半透明遮罩提升操作观感。
模板文件模块说明
| 模块名称 | 文件路径 | 功能介绍 |
| 网站首页 | html/index/index.html | 轮播推荐、分类影片区块、底部友情链接 |
| 分类浏览页 | html/vod/type.html | 基础分类页面与影片列表展示 |
| 筛选列表页 | html/vod/show.html | 多条件筛选、排序切换、分页控件 |
| 搜索结果页 | html/vod/search.html | 关键词检索后的影片列表 |
| 视频播放页 | html/vod/play.html | 播放器、选集切换、相关影片推荐 |
| 公共头部 | html/public/head.html | 站点Logo、顶部导航、搜索框、移动端菜单按钮 |
| 公共底部 | html/public/foot.html | 版权信息、全局JS脚本引入 |
| 公共资源引入 | html/public/include.html | 统一加载CSS样式与JS文件 |
| 公共SEO组件 | html/public/seo.html | 统一生成各个页面Meta优化标签 |
| 通用分页 | html/public/paging.html | 全站列表共用分页样式 |
重要提示:当前模板首页、播放页中调用了视频详情函数mac_url_vod_detail(),但是模板目录缺少vod/detail.html详情页面文件。如果想要实现「影片封面→详情页→播放页」完整访问链路,需要自行补充开发详情模板文件。
完整模板安装步骤
第一步,将muban1整个模板文件夹上传到苹果CMS根目录template目录内。
第二步,登录苹果CMS后台,依次打开系统、网站参数配置、界面选项,网站模板下拉菜单选中791并保存设置。
