1首页截图
2视频封面列表页截图
3视频详情页截图
4视频播放页截图
5新闻封面列表页截图
6新闻内容页截图
7手机端截图影视资源坊给各位分享一款专为苹果cms v10量身做出的优酷外观影视模板,总体页面仿照优酷官网设计,清爽醒目、好看专业,并且使用全响应式布局;完美适配手机、平板,电脑等所有设备,日常建站使用比较合适。
这款模板高度还原优酷官网UI外观,以#00A0E9作为主题色,搭配深色导航栏与白色信息卡片,视觉层次清楚,总体现代感十足。代码所有使用HTML5语义化标签编写,符合SEO调优标准,仅依靠原生CSS和JS实现效果,不依赖任何第三方UI框架,加载速率更快、运行更可靠。
优酷外观设计:主题色#00A0E9,深色顶部导航;卡片式布局+圆角设计,页面清爽专业;
HTML5语义化结构:使用header、nav、mainsection、article、footer等标准标签,结构规范;
全端响应式布局:手动适配桌面端(1200px+)、平板(768px-1024px)、移动端(320px-768px)。
内置SEO调优:兼容TDK自定义、OG标签、面包屑导航、标题层级调优,利于搜索引擎收录。
纯CSS原生实现:无第三方框架依赖,所有样式自定义,页面轻量化,开启速率更快。
CSS变量体系:兼容一键切换主题色,方便站长快速修改外观,降低定做成本。
视频海报卡片网格,兼容hover动效,播放按钮悬浮、评分信息展现;
文章资讯三列卡片布局,兼容摘要简短展现,页面更整洁;
主页Banner轮播,兼容手动播放、指示器呈现、左右人为切换;
视频播放页兼容16:9播放器、多播放源Tab切换、完整剧集列表;
视频详情页展现海报、基础信息、种类标签、播放网址、评分条;
文章信息页兼容正文排版、底部有关推荐;
兼容多级栏目筛选,可按种类、地区、年份、语言、首字母、排序方式筛选;
栏目子栏目兼容Tab快速切换,提升用户浏览感受;
移动端适配汉堡菜单,操作方便;兼容返回顶部按钮;自带友情网址组件。
使用HTML5架设语义化页面结构;使用CSS3变量、Grid、Flexbox实现布局与动画;
通过JavaScript/jQuery实现轮播、切换、下拉菜单等交互效果;
完美适配苹果cms v10系统标签调取,部署就能使用。
| 模板文件 | 说明 |
| html/public/head.html | 全站通用头部(导航、搜索、移动端菜单) |
| html/public/foot.html | 全站通用底部(版权、返回顶部) |
| html/public/paging.html | 全站通用分页样式 |
| html/public/seo.html | SEO元数据(TDK、Open Graph) |
| html/public/include.html | CSS、JS资源统一引入 |
| html/index/index.html | 网站首页 |
| html/vod/detail.html | 视频详情页 |
| html/vod/play.html | 视频播放页 |
| html/vod/search.html | 视频搜索页 |
| html/vod/type.html | 视频分类页 |
| html/vod/show.html | 视频分类筛选页 |
| html/art/detail.html | 文章内容页 |
| html/art/search.html | 文章搜索页 |
| html/art/type.html | 文章分类页 |
| html/art/show.html | 文章分类筛选页 |
①将template/muban/文件夹下所有文件夹上传到苹果cms的template文件夹中;
②登录网站后台,进入系统 → 网站选项设置 → 基本设置;
③在网站模板下拉选项中选择muban;
④假如要统一移动端样式,在手机模板中也选择muban;
⑤点击保存设置,刷新网站前台就能查看效果;
⑥最终进入系统 → 缓存,清空所有系统缓存,确保功能正常加载。
模板中的{$maccms.path}标签会自动识别网站根文件夹,不必人为修改;
假如要更换网站LOGO,直接在后台基本设置中上传就能,不用修改代码;
修改颜色可直接调整CSS变量,快速完成主题外观定做。
这款优酷外观影视模板契合追求专业、醒目、好看的影视类站长使用,不管是PC端仍是移动端感受都比较出色。SEO结构完善、加载速率快、功能齐全。契合长期运营使用。
入门站长可按照教程直接部署使用,有定做诉求的站长也可以在现有基础上轻松修改样式;是苹果cms v10,系统中实用性很高的一款精美模板。