# RaidTracker

**Repository Path**: abbey/raid-tracker

## Basic Information

- **Project Name**: RaidTracker
- **Description**: 一个在本地运行的、用于记录每周WoW团队副本完成情况的App。分别有electron与微信小程序两个不同版本。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: wechat
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2025-10-30
- **Last Updated**: 2025-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 微信, 小程序, wow

## README

## WoW团队副本周记

这是一个每周记录WoW团队副本完成情况的App，取名“**WoW Raid Tracker**”，中文名“WoW团队副本周记“。

### 主要功能

- 记录团队副本CD，副本可由用户增删
- 可以记录多个角色，角色由用户增删。
- 使用本地存储，不需要多设备间同步
- 自定义团队副本CD更新周期，到该日零点后即自动清空团队副本完成情况
- 提供一键重置CD按钮，方便手动清空团队副本完成情况

### 技术依赖

- 使用微信小程序开发和部署，要尽可能减少对手机的权限需求
- 使用微信本地存储，将副本CD与角色独立存储以避免彼此耦合影响

### 分析设计

- App标题为：**WoW团队副本周记**
- 为适应手机微信，UI使用竖屏排版，整体配色使用WoW的暗黑风格，字体颜色与背景要有比较清晰的对比，按钮都使用微信图标风格
- 在App标题之下，整个UI主要包括三个部分：顶端固定行、主体横向Swiper卡片组、底部固定行
- 顶端固定行：行左侧显示1/5这样的滑片进度；行居中显示**当前角色名称**；行右侧显示**删除角色**按钮，点击该按钮后删除当前卡片，注意需要对话框提示“确定要删除【角色】吗？”来确认删除操作；
- 底部固定行：行左侧是**一键重置CD**按钮；行居中显示最近一次更新CD日期（**年-月-日 周X**），点击该日期后可修改更新周期为**周X**；行右侧是**帮助**按钮，点击可查看帮助文档
- 主体横向Swiper卡片组：每张卡片对应一个角色所有副本的进度完成情况，卡片可以左右滑动到不同角色。当滑动到最后一个角色后，显示一张空的卡片，在卡片中央显示**添加角色**按钮
- 角色卡片内按每行显示2个副本标签排列、尺寸一致，所有副本标签的末尾是一个与其他标签对齐的按钮组：**添加副本**按钮、**编辑模式**按钮
- 副本标签存在两种模式：在**工作模式**下，由左侧的勾选框和紧跟的副本名称组成，每个副本默认是未勾选状态，用户勾选表示完成，取消勾选表示未完成，注意勾选操作不需要弹出对话框进行确认；用户点击**编辑模式**按钮后进入编辑模式，此时所有副本标签改由左侧用图标显示的删除按钮、紧跟的副本名称、右侧的拖动柄组成，用户可以点击删除按钮删除该副本，或者拖动标签调整副本排列顺序
- 在当前角色卡片的任何一个副本标签上长按可直接进入编辑模式
- 角色卡片在进入编辑模式后，原来的**编辑模式**按钮变为**完成编辑**按钮，点击该按钮后退出编辑模式，并自动保存所有修改。在当前角色卡片下对副本标签做的所有修改（顺序、更名、添加、删除）都将同步到其他角色卡片
- 在第一次使用App时因为还没有默认角色，所以应弹出对话框输入首个角色名称
- 默认的副本包括10个：10HICC、25HICC、10RS、25RS、25TOC、25HTOC、10宝库、25宝库、宝库PvP、周常
- 在帮助文档中放置基本操作说明、版权声明和B站的外链：https://space.bilibili.com/25160163
- 副本CD记录附加时间戳，有效期截止距其最近的下一次更新时间

### 改进意见

- 在呈现方式上，提供滑块、TAB标签、表格3种布局方式，在顶端固定行增加一个列表样式[Style]按钮方便用户切换

#### 滑块布局

- 样式图标使用[Slider]
- 在顶端固定行的删除角色按钮前放置角色序号/总数，点删除按钮时删除当前卡片的角色
- 保持其他的现有设计不变

#### TAB标签布局

- 样式图标使用[Tab]
- 在顶端固定行的删除角色按钮前放置角色序号/总数，点删除按钮时删除当前标签对应的角色
- 标签名称为角色名，点击标签可以切换不同角色
- 从左至右的最末一个标签为[Add]按钮，用于添加角色
- 每个标签的页面内容同此前的滑块的角色卡片一致
- 不支持拖放标签

#### 表格布局

- 样式图标使用[Table]
- 以副本名称为列，以角色名称为行，每个单元格显示该角色对应副本的完成情况，单元格内容为勾选框，勾选表示完成，未勾选表示未完成
- 在每个角色名称后显示[deleteChar]按钮，用于删除该角色
- 在最后一行角色名称下方显示[Add]按钮，用于添加角色，该按钮的宽度要和角色名称所在的第一列宽度（包含删除按钮在内）一致
- 在最后一列副本名称右方显示[Append]按钮，用于添加副本
- 在每个副本名称后显示[delete]按钮，用于删除该副本
- 不支持拖放行和列
- 不需要显示角色[序号/总数]