Uncut - 多用途 HTML5 模板

# 项目简介 Uncut 是一款多用途 HTML5 静态模板，附带完整文档说明。内置美容美发（beauti-salon）等多个页面示例，适合快速搭建企业展示、作品集、活动落地页等场景。 ## 技术栈 - Bootstrap 5 — 栅格与基础组件 - jQuery — DOM 操作与交互 - Font Awesome 6 Pro — 图标库 - SCSS — 样式源文件（已编译为 main.css） - Swiper、Isotope、Magnific Popup — 轮播/瀑布/灯箱 - Jarallax、Atropos — 视差与 3D 效果 - Google Fonts — DM Sans、Plus Jakarta Sans、Space Grotesk 等字体 ## 项目结构 ``` uncuthtml-10/ ├── documentation/ # 模板使用文档 │ ├── index.html │ └── assets/ │ ├── css/ │ └── js/ └── uncut/ # 实际模板文件 ├── beauti-salon/ # 美容美发示例页 │ ├── index.html │ ├── about.html │ └── contact.html └── assets/ ├── css/ # 编译后样式 ├── scss/ # 样式源码 ├── js/ # 交互脚本 └── fonts/ # 本地字体 ``` ## 核心文件说明 - `uncut/assets/css/main.css` — 主样式文件，聚合了排版、布局、各类页面样式 - `uncut/assets/js/main.js` — 核心交互：预加载、移动端菜单、灯箱、轮播、滚动动画等 - `uncut/assets/scss/main.scss` — SCSS 源码，可按需修改变量后重新编译 - `uncut/beauti-salon/index.html` — 美容美发首页示例，展示了模板实际效果 - `uncut/assets/mail.php` — 表单后端处理（需配置服务器环境） - `documentation/index.html` — 官方文档，涵盖模板结构、定制方式、资源引用说明 ## 快速开始 纯静态模板，无需安装依赖。直接在浏览器中打开页面，或使用任意静态服务器： ```bash # Python 内置服务器 cd uncuthtml-10/uncut python -m http.server 8080 # 或直接双击 beauti-salon/index.html 用浏览器打开 ``` ## 使用建议 模板样式变量集中定义在 main.css 顶部（`:root`），修改 `--tp-*` 系列变量可快速更换主题色。如需深色模式或更多页面布局，可参考 documentation 中的章节说明与截图对应修改。表单提交需将 mail.php 部署至支持 PHP 的主机。