Skip to content

feat(zzz): multi-character ZZZ panel page with properties/weapon/disc/damage tabs - #151

Open
devin-ai-integration[bot] wants to merge 6 commits into
mainfrom
devin/zzz-panel-page
Open

devin-ai-integration[bot] wants to merge 6 commits into
mainfrom
devin/zzz-panel-page

Conversation

@devin-ai-integration

@devin-ai-integration devin-ai-integration Bot commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

Summary

zzz-panel 升级为一个完整的多角色 ZZZ 展柜页面。本次重点把顶部角色选择器还原成 zenless-tools /leveling-calculator 的倾斜卡片行效果:固定尺寸、重叠布局、选中高亮、可自由横向拖动,点击只切换选中态不自动滚动。

主要变更:

  • 新增 ZzzCharacterAvatar.vue
    • 使用 zenless-tools 同款 SVG 倾斜背景路径(viewBox 1588x1340)。
    • 未选中时背景 fill #000,选中时 var(--ik-primary)(chartreuse 绿)。
    • 图片 object-fit: contain,移动端 padding 4px / 桌面端 6px。
    • 展示 Lv.{{ level }} 并禁用选中态缩放,仅保留 :active 脉冲。
  • 重写 ZzzPanelSwiper.vue
    • 卡片尺寸:94x80px(移动端)/ 172x146px(桌面端)。
    • slide 宽度 70px / 134px,最后一个 slide 右外边距 26px / 40px,无 track gap。
    • dragFree: true + dragThreshold: 6,点击选角色,拖动仅滚动,互不干扰。
  • 后端 worker 新增 iconUrls.select:返回 Enka IconRoleSelect{id}.png 倾斜半身像,ZzzCharacterAvatar 优先使用该 URL,失败回退 portrait / square / circle / 默认图。
  • types/entities.tsiconUrls 补齐 select 字段。

依赖:需配合 ikserver PR #116 的多角色 /api/zzz/panels 接口。

验证:

  • npx nuxt typecheck 通过。
  • npm run build 通过(Nitro 静态构建)。
  • 本地 http://localhost:3000/zzz-panel/1300025292https://zenless.tools/zh/leveling-calculator 的角色选择行在尺寸、倾斜形状、选中高亮、自由拖动上已对齐。

Link to Devin session: https://app.devin.ai/sessions/99a8e49dbbb348cba32dae5d276e2d48
Requested by: @KawaYiLab

- Add getZzzPanel / getMyZzzPanel methods

- Add ZzzPanel types

- Add /zzz-panel page showing score, damage index, stats and drive discs
@KawaYiLab KawaYiLab self-assigned this Aug 9, 2026
@devin-ai-integration

Copy link
Copy Markdown
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment, CI, and merge conflict monitoring

@devin-ai-integration devin-ai-integration Bot changed the title feat(zzz): add panel page and API client feat(zzz): multi-character ZZZ panel page with properties/weapon/disc/damage tabs Aug 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant