苹果CMS模板截图
1首页
2封面页
3筛选页
4播放页
简介
这套极简影视模板基于苹果CMS V10开发,设计思路舍弃冗余模块,将影片搜索与在线播放作为核心使用路径。页面去除各类干扰元素,同时兼顾电脑端、移动端浏览体验,适合搭建轻量化影视站点。
界面简约干净,视觉元素精简,页面重点集中在影视内容展示。
响应式自适应,电脑端导航居中、搜索框常驻;移动端将导航与搜索收纳,点击弹出操作面板并附带半透明遮罩。
图片使用原生src直接渲染,不依赖额外懒加载脚本。
样式由CSS变量统一管控,配色、圆角、间距均可通过变量修改,快速完成全站换肤。
前端方案轻量化,使用原生JavaScript搭配少量基础类库,无需编译,上传后直接使用。
模板内置多种页面模块,首页配置轮播Banner,调取后台level="9"的推荐影片,同时支持划分多区块展示不同分类影片。顶部导航包含一级栏目与下拉子分类,访问栏目自动高亮;搜索功能默认仅检索视频资源,便于快速查找影片。
播放页面播放器默认16:9自适应,支持多播放源切换、选集与上下集跳转,剧集列表横向滚动并标记当前播放集,页面底部展示同类影片推荐。列表筛选页支持按发布时间、人气、点击量排序,配备分页组件与面包屑导航,首页底部预留友链区域。公共SEO组件统一输出Meta、OG标签。
模板采用Smarty模板语法,基于HTML5语义标签构建页面,借助Flex布局与媒体查询实现响应式交互,兼容老旧浏览器。模板文件拆分多个独立页面,首页、分类、筛选、搜索、播放、公共头部底部等都为单独文件管理。当前模板缺少html/vod/detail.html详情页文件,首页与播放页虽可跳转详情链接,如需完整的封面、详情、播放浏览链路,需要手动补充该模板文件。
教程
模板部署操作步骤
模板上传:将muban1完整文件夹上传至站点根目录template目录,保证目录路径 template/791/html/ 结构无误。
后台启用模板:登录苹果CMS后台,进入系统→网站参数配置→界面设置,在网站模板下拉菜单选中791并保存。
