项目简介link

Prinoz 是一款专为印刷公司和服务商设计的现代 HTML 多页面模板，包含首页3种版本、服务详情、项目展示、新闻博客、商城购物、联系表单等完整页面，适合印刷行业快速建站。

技术栈link

• Vite 5.4+（构建工具）
• Bootstrap 5（CSS 框架）
• 静态 HTML + CSS + JavaScript
• Nice Select / MeanMenu（表单与导航交互）
• Swiper / Magnific Popup（轮播与弹窗）
• PHP（联系表单后端处理）

项目结构link

buyer-file/
├── *.html              # 18 个 HTML 页面
├── contact.php         # 表单处理
├── vite.config.js      # Vite 配置
├── package.json        # 依赖与脚本
└── assets/
    ├── css/            # 样式文件
    │   ├── bootstrap.min.css
    │   ├── main.css
    │   ├── meanmenu.css
    │   └── nice-select.css
    └── img/            # 图片资源

核心文件说明link

• index.html — 首页入口文件
• contact.php — 联系表单邮件发送逻辑
• assets/css/main.css — 主样式文件
• shop-list.html / shop-details.html — 商城列表与详情
• vite.config.js — Vite 构建配置
• package.json — 项目依赖声明

快速开始link

# 安装依赖
npm install

# 开发模式（热更新）
npm run dev

# 生产构建
npm run build

# 预览构建结果
npm run preview

使用建议link

部署时需将 contact.php 放在支持 PHP 的服务器环境，或替换为其他后端服务。Vite 构建后的静态文件（默认 dist/ 目录）可直接部署到任意静态托管平台。