MingPixel Web Portal (原 TACZ Web)

MingPixel 官方网站是专为 Minecraft 战术射击模组 (Timeless and Classics Zero) 服务器打造的现代化门户平台。项目采用前沿的前端技术栈，呈现出极具沉浸感的赛博朋克/战术风格，为玩家提供一站式的游戏服务体验。

• 沉浸式战术 UI: 采用深色主题、玻璃拟态、倾斜边角设计，完美契合硬核战术风格。
• 多端适配: 响应式设计，完美适配桌面端和移动端访问。
• 功能模块:
  • 首页: 展示服务器核心特色、实时在线人数和快速入口。
  • 军械库: 浏览服务器内的枪械和装备详细数据。
  • 排行榜: 查看全服顶尖特工的排位分和击杀数排行。
  • 百科: 详尽的游戏机制、枪械数据和地图资料库。
  • 商店: 浏览和购买虚拟物品（支持分类筛选）。
  • 服务器状态: 实时监控服务器在线人数、版本信息 (taczz.mingpixel.net)。
  • 个人中心: 用户登录/注册，绑定 Minecraft 账号，展示正版头像（集成 Minotar API）。
  • 资格查询: 快速查询服务器白名单/测试资格状态。
• 交互体验:
  • 流畅的登录/注册弹窗。
  • 动态滚动的导航栏。
  • 带有悬浮二维码的客服入口。
  • 服务器 IP 一键复制功能。

• 框架: Vue 3 (Composition API + <script setup>)
• 状态管理: Pinia
• 构建工具: Vite 6
• 语言: TypeScript
• 样式: Tailwind CSS v4
• 路由: Vue Router 4
• HTTP 客户端: Axios

• Node.js >= 18.0.0
• npm >= 9.0.0

npm install

npm run dev

访问 http://localhost:5173 查看效果。

npm run build

构建产物将输出到 dist 目录。

src/
├── api/             # API 接口封装
├── assets/          # 静态资源 (图片、图标)
├── components/      # 公共组件 (NavBar, Footer, Modal, ServerStatus 等)
├── router/          # 路由配置
├── stores/          # Pinia 状态管理 (Auth 等)
├── views/           # 页面视图
│   ├── HomeView.vue         # 首页
│   ├── ArsenalView.vue      # 军械库
│   ├── ServerView.vue       # 服务器详情
│   ├── ProfileView.vue      # 个人中心
│   ├── QualificationQueryView.vue # 资格查询
│   └── ...
├── App.vue          # 根组件
├── main.ts          # 入口文件
└── style.css        # 全局样式与 Tailwind 配置

• ICP 备案: 赣ICP备2025075011号-1
• 公安备案: 赣公网安备36100202000667号

遇到问题？

• 访问 帮助中心
• 扫描页脚二维码联系企业微信客服

© 2026 MingPixel. 保留所有权利。不隶属于 Mojang Studios。 本站由 MingPixel 团队维护。