pan/pixelheros
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(hero): 新增回血坦克5009与火箭哥5010英雄，优化UI展示与技能逻辑

Browse Source 
1.  新增5009回血坦克、5010火箭哥英雄配置
2.  重构英雄列表UI布局，新增职业标签配色区分
3.  优化技能详情展示，支持完整覆写参数显示
4.  调整技能默认配置，移除固定summon_count注入
5.  优化触发技能展示逻辑，新增参数详情显示
This commit is contained in:
panFD
2026-09-06 17:43:16 +08:00
parent ff4a4124f0
commit 30e69234b7
4 changed files with 296 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
put/web/src/style.css
View File

@@ -96,14 +96,28 @@ body {
}
.hero-row:hover { box-shadow: 0 3px 12px rgba(46, 91, 160, 0.15); }
/* 行首：uuid + 名称 + 星级 */
.row-main { display: flex; align-items: center; gap: 8px; min-width: 130px; }
.row-uuid { font-family: Menlo, Consolas, monospace; color: var(--text-light); }
/* 行首：uuid / 名称 / 星级+职业，三行竖排 */
.row-main { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 100px; }
.row-sub { display: flex; align-items: center; gap: 6px; }
.row-uuid { font-family: Menlo, Consolas, monospace; color: var(--text-light); font-size: 11px; }
.row-name { font-size: 13px; font-weight: 600; }
.card-rarity { color: #f5a623; font-size: 11px; }
.row-role {
border-radius: 4px;
padding: 0 6px;
font-size: 11px;
line-height: 18px;
}
/* 职业标签颜色区分 */
.role-tank { background: #e6f7ff; color: #1890ff; }
.role-warrior { background: #fff2e8; color: #fa541c; }
.role-assassin { background: #f9f0ff; color: #722ed1; }
.role-archer { background: #f6ffed; color: #52c41a; }
.role-mage { background: #fff0f6; color: #eb2f96; }
.role-support { background: #fcffe6; color: #a0d911; }
/* 三维徽章 */
.row-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
/* 三维徽章：竖排三行显示 */
.row-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.stat {
background: #f0f7ef;
color: #4a7c3f;
@@ -115,7 +129,7 @@ body {
/* 技能段：普攻/大招两行 */
.row-skills { display: flex; flex-direction: column; gap: 2px; min-width: 200px; }
.skill-detail { color: var(--text-light); font-size: 11px; margin-left: 4px; }
.skill-detail { color: var(--text-light); font-size: 11px; margin-left: 4px; white-space: pre-wrap; word-break: break-all; }
/* 触发/光环/加成：chip 流式排布 */
.row-triggers { display: flex; flex-wrap: wrap; gap: 4px 6px; flex: 1; min-width: 160px; }