iKanBot极简纯白影视模板 适配苹果CMSV10清爽轻量化站点模板

模板基础介绍

iKanBot是专门针对苹果CMS V10开发的极简纯白影视模板，采用HTML5、CSS3搭配原生JavaScript完成整体开发。页面设计参考主流影视资讯站，整体干净清爽，内容排布疏密适中，浏览观感舒适。模板剔除多余冗余模块，无弹窗广告、无会员相关入口，全部设计重心放在影视内容展示上，能够让访客快速获取影片信息。

模板核心特点

极简纯白视觉风格：页面底色采用#ffffff纯白色，搭配#4078c0浅蓝主题色，正文文字使用#333深灰色，整体配色简约柔和，长时间浏览不易视觉疲劳。

HTML5语义化页面结构：全站统一使用header、main、section、aside、article、footer标准语义标签，页面层级清晰，对搜索引擎抓取收录十分友好。

经典左右分栏布局页面分为左侧主内容展示区、右侧侧边栏，信息划分清晰，用户查找资源、查看榜单更加直观。

CSS Grid海报网格布局视频封面卡片默认6列自适应排布，鼠标悬浮时卡片轻微上浮，小幅动效提升交互质感。

全端响应式适配兼容电脑、平板、手机三类设备，屏幕尺寸缩小自动减少列表列数，顶部导航折叠为汉堡菜单，移动端操作便捷。

纯原生代码开发无第三方框架不依赖任何UI插件，全站配色统一通过CSS变量管控，JS代码精简轻量化，页面加载速度更快。

完整保留CMS原生调用标签模板内全部{maccms}系统标签维持原样，仅按需调整num参数适配页面布局，不改动底层调用逻辑。

模板内置完整功能

全站统一顶部导航栏，支持二级下拉子分类菜单，分类查找更便捷；搭载简洁全域搜索框，仅针对视频资源检索。

首页划分热门视频、热播剧集两大独立展示模块，流量资源重点曝光；视频分类页面附带子分类导航，细化资源分区。

视频详情页整合海报、影片基础资料、多播放线路Tab切换功能；播放页面采用16:9标准播放器，侧边搭配影片简介卡片。

搜索结果页面采用网格卡片展示，配套多维度筛选条件；侧边栏固定一周口碑影片榜单，引导用户发掘高分资源。

页面底部预留友情链接展示区域；图片采用IntersectionObserver实现延迟加载，减少页面初始加载压力。

自带标准分页导航，包含首页、上一页、数字页码、下一页、尾页完整组件；页面滚动后自动弹出返回顶部按钮，同时预留RSS订阅入口。

模板开发技术栈明细

模板全部文件模块划分

公共通用模块文件

全站通用头部：/html/public/head.html

全站通用尾部：/html/public/foot.html

全站通用分页组件：/html/public/paging.html

全局资源统一引入文件：/html/public/include.html

SEO元数据配置文件：/html/public/seo.html

视频核心模块页面

静态资源文件

模板完整安装教程

第一步：上传全部模板文件

将template/muban完整文件夹上传至服务器template目录，最终路径为/www/template/muban/

第二步：后台切换启用模板

1、登录苹果CMS后台管理面板；

2、依次打开「系统」→「网站参数配置」→「基本设置」；

3、在当前模板下拉选项选中muban；

4、点击保存完成基础模板切换。

安装使用常见问题解答

页面打开空白无内容？核对服务器PHP版本是否达标，同时将模板文件夹权限设置为755。

搜索页面样式错乱丢失？进入分类管理，确认搜索页模板路径正确填写vod/search.html。

播放器窗口无法正常显示？前往系统播放器参数页面核对配置，检查视频资源是否存在有效播放地址。

如何修改顶部导航栏目？在后台视频分类管理页面新增、编辑分类，导航栏会自动同步更新。

本模板仅作学习交流使用，不可用于商业运营场景。

资源截图：

1首页

2封面页

3列表页

4播放页