项目简介
Vhato 是一款基于 Bootstrap 5 的响应式即时通讯聊天应用 HTML 模板，包含完整的用户认证流程、联系人管理、群聊、表情选择等聊天功能。支持 Light、Dark 和 RTL 三种主题模式，适合快速搭建 Web 端聊天应用。
技术栈
- Bootstrap 5.3
- Gulp 4.0（构建工具）
- Sass（样式预处理）
- glightbox（图片灯箱）
- Swiper（轮播组件）
- @simonwep/pickr（颜色选择器）
- Node-waves（波浪动画）
项目结构
text
Vhato_HTML_v1.1.0/
├── Documentation/ # 模板文档
│ ├── index.html # 文档首页
│ ├── setup.html # 环境配置说明
│ ├── light.html # 浅色主题说明
│ ├── dark.html # 深色主题说明
│ └── rtl.html # RTL主题说明
└── HTML/ # 主题源码
├── gulpfile.js # Gulp 构建配置
├── package.json # 依赖管理
└── src/ # 源代码
├── index.html # 主聊天页面
├── auth-login.html # 登录页
├── auth-register.html # 注册页
└── pages-starter.html # 空页面模板
核心文件说明
HTML/gulpfile.js— Gulp 构建任务配置（编译 Sass、自动前缀、压缩 CSS/JS）HTML/package.json— Node 依赖定义，包含所有第三方库HTML/src/index.html— 聊天主界面，包含对话、联系人、设置等标签页HTML/src/auth-login.html— 用户登录页面HTML/src/auth-register.html— 用户注册页面HTML/src/pages-starter.html— 空白起始页面，可作为自定义页面基础
快速开始
bash
cd Vhato_HTML_v1.1.0/HTML
npm install
gulp
执行 gulp 后会启动 BrowserSync 本地服务器并监听文件变更，浏览器自动打开预览。
使用建议
- 如需自定义页面，建议复制
pages-starter.html作为基础，避免破坏现有结构 - 该模板仅含前端界面，后端逻辑需自行对接
