PayOne - Money Transfer & Online Payment HTML Template with Dashboard

# 项目简介 PayOne 是一套完整的在线汇款与支付服务 HTML 模板，包含首页变体、个人后台、交易管理、存取款、博客等 30+ 页面，适合快速搭建金融类网站或改造成多语言支付平台。 ## 技术栈 - Bootstrap 5（响应式布局框架） - Static HTML（纯前端模板） - jQuery（交互脚本） - Custom CSS（`main.css` 主题样式） - Google Fonts（Open Sans） ## 项目结构 ``` payonehtml-10/Main-file_Payone/ ├── payone/ # 实际使用的网站模板 │ ├── assets/ │ │ ├── css/ # 主题样式文件 │ │ └── images/ # 图片资源 │ ├── index.html # 首页（4 种变体 index-2~4.html） │ ├── dashboard.html # 用户后台 │ ├── transactions.html # 交易记录 │ ├── deposit-money.html # 存款页面 │ ├── withdraw-money.html # 取款页面 │ ├── send-money.html # 转账页面 │ ├── request-money.html # 请求汇款 │ ├── my-profile.html # 个人资料 │ ├── log-in.html / sign-up.html │ └── blog-*.html # 博客相关页面 └── payone_documentation/ # 官方文档 ├── index.html # 文档首页 ├── css/style.css └── js/ ``` ## 核心文件说明 - `payone/index.html` — 网站首页入口，包含导航、轮播、费率展示等模块 - `payone/dashboard.html` — 用户后台管理页面，包含余额统计和快捷操作 - `payone/transactions.html` — 交易流水列表页，用于展示历史记录 - `payone/assets/css/main.css` — 主题主样式表，包含布局、颜色、组件定义 - `payone_documentation/index.html` — 模板官方文档，含各模块修改说明 - `payone_documentation/css/style.css` — 文档页自身样式 ## 快速开始 该模板为纯静态页面，无需安装依赖： 1. 直接用浏览器打开 `payonehtml-10/Main-file_Payone/payone/index.html` 即可预览； 2. 如需本地服务器，可执行： ```bash # Python 3 python -m http.server 8000 # 或 Node.js npx serve . ``` 然后访问 `http://localhost:8000/payone/` ## 使用建议 - 模板中所有文字和图片均可替换，建议先确认配色方案再进行大规模定制； - 后台页面（dashboard）依赖前端逻辑，需后端接入时需自行对接 API 接口。