CnpT3 - MacCmsV10前端UI风格模板

项目简介

CnpT3是一个基于MacCmsV10内核开发的现代化前端UI风格模板，提供了美观、响应式的视频网站界面设计，支持视频播放、文章展示、分类浏览等核心功能。

目录结构

CnpT3/
├── open/
│   └── hcoss/              # 辅助功能模块
├── template/               # 模板核心文件
│   └── CnpT3/              # 模板主目录
│       ├── html/           # HTML模板文件
│       │   ├── art/        # 文章相关模板
│       │   ├── html/       # 通用HTML组件
│       │   ├── index/      # 首页模板
│       │   ├── label/      # 标签相关模板
│       │   └── vod/        # 视频相关模板
│       ├── img/            # 图片资源
│       ├── art.css         # 文章页样式
│       ├── art.js          # 文章页脚本
│       ├── detail.css      # 视频详情页样式
│       ├── detail.js       # 视频详情页脚本
│       ├── favicon.svg     # 网站图标
│       ├── index.css       # 首页样式
│       ├── index.js        # 首页脚本
│       ├── jz.js           # 加载脚本
│       ├── play.css        # 视频播放页样式
│       ├── play.js         # 视频播放页脚本
│       ├── type.css        # 分类页样式
│       ├── type.js         # 分类页脚本
│       └── zt.woff2        # 字体文件
├── .gitignore
├── LICENSE
└── README.md

技术特点

1. 现代化UI设计：采用简洁、美观的现代化设计风格
2. 响应式布局：适配PC、平板、手机等多种设备
3. 流畅的动画效果：提供流畅的页面过渡和交互效果
4. 模块化结构：清晰的目录结构，便于维护和扩展
5. 优化的性能：优化的CSS和JavaScript，加载速度快
6. 完整的功能支持：支持视频播放、文章展示、分类浏览等核心功能
7. 易于定制：清晰的代码结构，便于根据需求进行定制

安装部署

环境要求

• MacCmsV10 内容管理系统
• Web服务器（如Apache、Nginx等）
• PHP 7.0+ 环境

安装步骤

1. 下载模板文件

   git clone https://github.com/OsGits/CnpT3.git

2. 上传模板文件

   • 将所有模板文件上传到MacCmsV10网站的根目录
   • 确保模板文件的目录结构与原项目一致
   • 上传完成后，template/CnpT3/ 目录应位于MacCmsV10根目录下

3. 后台配置模板

   • 登录MacCmsV10后台管理系统
   • 进入【系统】→【模板管理】
   • 在模板列表中选择 CnpT3 模板
   • 在【文件】字段中填写 html
   • 点击【保存】按钮，完成模板配置

4. 清除缓存

   • 进入【系统】→【缓存管理】
   • 点击【清除所有缓存】按钮
   • 刷新网站前台，即可看到新模板效果

模板文件说明

HTML模板文件

文件路径	功能描述
template/CnpT3/html/index/index.html	网站首页模板
template/CnpT3/html/vod/type.html	视频分类页模板
template/CnpT3/html/vod/detail.html	视频详情页模板
template/CnpT3/html/vod/play.html	视频播放页模板
template/CnpT3/html/art/index.html	文章首页模板
template/CnpT3/html/art/detail.html	文章详情页模板
template/CnpT3/html/html/	通用HTML组件（头部、底部等）

样式和脚本文件

文件类型	功能描述
*.css	各页面样式文件
*.js	各页面交互脚本
img/	模板图片资源
zt.woff2	自定义字体文件

功能模块

1. 首页模块：展示推荐视频、热门分类等
2. 视频分类：按分类浏览视频内容
3. 视频详情：展示视频信息、播放链接等
4. 视频播放：支持多种播放格式和线路切换
5. 文章系统：支持文章展示和分类
6. 搜索功能：支持视频和文章搜索
7. 标签系统：支持标签浏览和筛选

浏览器兼容性

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+
• 主流移动浏览器

自定义开发

修改样式

1. 编辑对应的CSS文件，如 index.css、detail.css 等
2. 自定义颜色、字体、布局等样式
3. 修改完成后，清除缓存并刷新页面查看效果

修改布局

1. 编辑对应的HTML模板文件，如 index/index.html、vod/detail.html 等
2. 调整HTML结构和MacCms标签
3. 修改完成后，清除缓存并刷新页面查看效果

修改交互

1. 编辑对应的JavaScript文件，如 index.js、play.js 等
2. 调整页面交互逻辑和动画效果
3. 修改完成后，清除缓存并刷新页面查看效果

注意事项

1. 确保模板文件上传到正确的位置，目录结构保持不变
2. 配置模板时，【文件】字段必须填写为 html
3. 修改模板后，需及时清除缓存以查看效果
4. 建议在本地测试无误后，再上传到生产环境
5. 模板使用了自定义字体，确保字体文件路径正确
6. 如有问题，可查看MacCmsV10官方文档或模板文件中的注释

许可证

本项目采用 MIT 许可证，详情请查看 LICENSE 文件。

更新日志

• v1.0.0 (2023-XX-XX)
  • 初始版本发布
  • 基于MacCmsV10内核开发
  • 提供完整的前端UI模板
  • 支持响应式设计

贡献

欢迎提交 Issue 和 Pull Request，共同完善模板功能！

联系方式

如有问题或建议，欢迎通过以下方式联系：

• GitHub Issues：https://github.com/OsGits/CnpT3/issues

---

使用本模板即表示您同意遵守上述条款和条件。