项目简介link

Uncut 是一款多用途 HTML5 静态模板，附带完整文档说明。内置美容美发（beauti-salon）等多个页面示例，适合快速搭建企业展示、作品集、活动落地页等场景。

技术栈link

• 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 等字体

项目结构link

uncuthtml-10/
├── documentation/           # 模板使用文档
│   ├── index.html
│   └── assets/
│       ├── css/
│       └── js/
└── uncut/                   # 实际模板文件
    ├── beauti-salon/         # 美容美发示例页
    │   ├── index.html
    │   ├── about.html
    │   └── contact.html
    └── assets/
        ├── css/              # 编译后样式
        ├── scss/             # 样式源码
        ├── js/               # 交互脚本
        └── fonts/            # 本地字体

核心文件说明link

• 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 — 官方文档，涵盖模板结构、定制方式、资源引用说明

快速开始link

纯静态模板，无需安装依赖。直接在浏览器中打开页面，或使用任意静态服务器：

# Python 内置服务器
cd uncuthtml-10/uncut
python -m http.server 8080

# 或直接双击 beauti-salon/index.html 用浏览器打开

使用建议link

模板样式变量集中定义在 main.css 顶部（:root），修改 --tp-* 系列变量可快速更换主题色。如需深色模式或更多页面布局，可参考 documentation 中的章节说明与截图对应修改。表单提交需将 mail.php 部署至支持 PHP 的主机。