一个美观、现代的 V2Board / Xboard 用户前端项目,基于 Vue 3 开发。
- 🎨 美观的 UI 设计,简约高端
- 🌓 支持亮色/暗色主题切换
- 🌍 内置国际化支持(中文/英文)
- 📱 响应式设计,完美适配各种设备
- 🔒 完善的登录认证系统
- 🚀 模块化代码结构,易于维护与扩展
| 技术 | 说明 |
|---|---|
| Vue 3 | 渐进式 JavaScript 框架 |
| Vue Router | 官方路由管理器 |
| Vuex | 状态管理模式 |
| Axios | 基于 Promise 的 HTTP 客户端 |
| Sass | CSS 预处理器 |
| Vue I18n | 国际化解决方案 |
src/
├── api/ # API 接口
├── assets/ # 静态资源
│ └── styles/ # 样式文件
│ ├── base/ # 基础样式
│ ├── components/ # 组件样式
│ └── layouts/ # 布局样式
├── components/ # 公共组件
├── composables/ # 组合式 API
├── i18n/ # 国际化
│ └── locales/ # 语言包
├── router/ # 路由配置
├── store/ # Vuex 存储
├── utils/ # 工具函数
└── views/ # 页面视图
可在 src/config/index.js 文件中修改主题颜色、API 基础 URL 及其他配置。
使用 Xboard 时,请将面板类型设为 Xboard,并确保 API 地址以 /api/v1 结尾:
PANEL_TYPE: 'Xboard',
API_CONFIG: {
urlMode: 'auto',
autoConfig: {
useSameProtocol: true,
appendApiPath: true,
apiPath: '/api/v1'
}
}新版 Xboard 支持礼品卡兑换。如需显示入口,可同时设置
PROFILE_CONFIG.showGiftCardRedeem 为 true。
npm installnpm run servenpm run build✅ Chrome
✅ Firefox
✅ Safari
✅ Edge
✅ 其他现代浏览器
本项目遵循 MIT License 开源协议。
欢迎提交 PR、Issue 或 Star ⭐ 支持本项目。
Manguo Labs — 产品 / 咨询 / 技术服务:https://t.me/ManguoShop_bot
感谢所有支持开源的人,让世界更自由、更美好。
本仓库是 PangHu-Code/EZ-Theme 的 GitHub 原生 Fork。PangHu-Code 是原项目作者;MIT 许可声明保持不变。本说明不改变原作者身份,也不表示 Manguo Labs 是原作者。
本 Fork 增加一份不修改主题源码的搜索与选型说明,帮助用户理解 XBoard 主题、V2Board 主题、XBoard 用户前端、V2Board 用户前端和 Vue 3 主题的适用范围:
Manguo Labs 网站:https://manguolabs.com