模板概述
iKanBot 是一款专为苹果CMS V10打造的极简纯白影视模板，采用HTML5+CSS3与原生JS开发，设计参考主流影视资讯站点，整体清爽干净、排版疏密有致。模板不含弹窗广告、多余插件与会员入口，把全部重心放在影视内容展示上，浏览体验舒适。
核心设计特点
- 极简纯白视觉：底色#ffffff，主色浅蓝#4078c0，正文深灰#333，配色柔和护眼；
- HTML5语义化布局：全站采用header、main、section、aside、article、footer等语义标签，利于SEO收录；
- 经典左右分栏：左侧影视主内容，右侧侧边栏，层级清晰；
- Grid海报卡片：PC端默认6列网格，悬浮卡片轻微上浮；
- 全端响应式：兼容电脑、平板、手机，屏幕缩小自动减少列数，导航折叠为汉堡菜单；
- 无第三方框架依赖：不引入jQuery与UI库，CSS变量统一配色；
- 兼容原生标签：完整保留maccms系统调用标签，仅调整num数值适配网格。
内置页面功能
- 统一顶部导航，支持二级下拉分类菜单；
- 全站通用搜索框，仅适配视频模型；
- 首页双内容区块，展示热门视频与热门剧集；
- 视频分类页，附子分类快捷导航；
- 详情页，整合海报、简介与多线路播放标签；
- 播放页，16:9播放器布局，配线路切换与侧边简介卡片；
- 搜索结果页，网格卡片展示并保留多维筛选；
- 侧边栏一周口碑影视榜单；
- 底部友情链接区域；
- IntersectionObserver图片懒加载，降低首页资源消耗；
- 标准分页导航，含首页、上一页、页码、下一页、尾页；
- 返回顶部悬浮按钮与RSS订阅入口。
技术栈
- HTML5语义化标签，UTF-8无BOM编码，避免中文乱码；
- CSS3 Grid+Flex混合布局、CSS变量配色、媒体查询响应式；
- 原生ES6 JavaScript，不依赖jQuery；
- 苹果CMS V10原生maccms模板标签系统，兼容采集、播放、列表逻辑；
- SEO配套：OG协议标签与结构化元数据。
文件模块目录
公共模块：head.html 头部、foot.html 底部、paging.html 分页、include.html 资源引入、seo.html SEO模板（均位于/html/public/）。
核心页面：/html/index/index.html 首页、/html/vod/type.html 分类列表、/html/vod/show.html 筛选页、/html/vod/detail.html 详情页、/html/vod/play.html 播放页、/html/vod/search.html 搜索页。
静态资源：/css/style.css 全局样式、/js/script.js 交互脚本、/images/ 素材目录。
安装教程
环境要求：苹果CMS V10 10.0及以上；PHP 7.0+，MySQL 5.6+；支持伪静态（Apache/Nginx均可）。
- 将完整模板文件夹上传到站点根目录template文件夹内；
- 登录后台，依次打开「系统」→「网站参数配置」→「基本设置」，在模板下拉中选择并保存；
- 在「视频」→「视频分类管理」中为各分类配置封面、筛选、详情、播放、搜索模板文件；
- 打开「系统」→「缓存管理」清空模板缓存与数据缓存，刷新首页查看效果。
常见问题
- 页面空白：检查PHP版本≥7.0，template文件夹权限设为755；
- 搜索页样式错乱：确认搜索页模板绑定vod/search.html；
- 播放器空白：检查后台播放器参数与影片播放地址；
- 修改菜单：在后台视频分类管理中新增或编辑分类即可同步。
总结
iKanBot主打极简纯白轻量化设计，原生代码无多余依赖，兼顾电脑与移动端体验，语义化布局利于SEO，完整覆盖影视站视频与资讯页面，安装简单，兼容苹果CMS V10全系版本，自带筛选、榜单、懒加载与RSS功能，适合追求干净清爽风格的影视站点。
