Vhato v1.1.0 - Chat and Messaging HTML5 Template

# 项目简介 Vhato 是一款基于 Bootstrap 5 的响应式即时通讯聊天应用 HTML 模板，包含完整的用户认证流程、联系人管理、群聊、表情选择等聊天功能。支持 Light、Dark 和 RTL 三种主题模式，适合快速搭建 Web 端聊天应用。 ## 技术栈 - Bootstrap 5.3 - Gulp 4.0（构建工具） - Sass（样式预处理） - glightbox（图片灯箱） - Swiper（轮播组件） - @simonwep/pickr（颜色选择器） - Node-waves（波浪动画） ## 项目结构 ``` 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` 作为基础，避免破坏现有结构 - 该模板仅含前端界面，后端逻辑需自行对接