`;
- // 羁绊介绍
- if (details.introduce) {
+ // 羁绊描述
+ if (details.description) {
+ content += `
+
+ `;
+ } else if (details.introduce) {
+ // 兼容原有数据结构
content += `
${details.introduce}
@@ -1105,99 +1181,156 @@ function showSynergyTooltipContent(synergyId, element, modalContent) {
`;
}
- // 羁绊激活条件
- if (details.levels && details.levels.length > 0) {
- content += `
激活条件:
`;
-
- // 添加激活条件卡片
- details.levels.forEach(level => {
- // 检查激活数量可能的字段名
- let activateCount = null;
- if (level.level) {
- activateCount = level.level;
- } else if (level.count) {
- activateCount = level.count;
- } else if (level.num) {
- activateCount = level.num;
- } else if (level.number) {
- activateCount = level.number;
- }
-
- content += `
-
-
- ${activateCount}个
-
- ${level.level ? `等级 ${level.level}` : ''}
-
-
-
${level.effect}
-
- `;
- });
-
- content += `
`;
+ // 羁绊效果
+ let hasLevels = details.setEffects && details.setEffects.length;
+ if (!hasLevels && details.levels && details.levels.length) {
+ hasLevels = true;
}
- // 相关棋子
- if (details.related_chess && details.related_chess.length > 0) {
- content += `
相关棋子:
`;
+ if (hasLevels) {
+ content += `
+
+
激活效果
+
+ `;
- // 根据费用对棋子进行分组
- const chessByPrice = {};
- details.related_chess.forEach(chess => {
- const price = chess.cost || 0;
- if (!chessByPrice[price]) {
- chessByPrice[price] = [];
- }
- chessByPrice[price].push(chess);
- });
-
- // 按费用从低到高排序并添加棋子
- Object.keys(chessByPrice).sort((a, b) => Number(a) - Number(b)).forEach(price => {
- const priceChess = chessByPrice[price];
+ // 处理新的数据结构
+ if (details.setEffects && details.setEffects.length) {
+ // 按照人口从小到大排序
+ const sortedEffects = [...details.setEffects].sort((a, b) => a.count - b.count);
- content += `
`;
- content += `
`;
-
- priceChess.forEach(chess => {
+ for (const effect of sortedEffects) {
content += `
-
-
${chess.cost}
-
${chess.name}
+
+
${effect.count}人口:
+
${effect.effect}
+
+ `;
+ }
+ }
+
+ // 兼容原有数据结构
+ if (details.levels && details.levels.length > 0) {
+ details.levels.forEach(level => {
+ // 检查激活数量可能的字段名
+ let activateCount = null;
+ if (level.level) {
+ activateCount = level.level;
+ } else if (level.count) {
+ activateCount = level.count;
+ } else if (level.num) {
+ activateCount = level.num;
+ } else if (level.number) {
+ activateCount = level.number;
+ }
+
+ content += `
+
+
${activateCount}个:
+
${level.effect}
`;
});
-
- content += `
`;
- });
+ }
+
+ content += `
`;
}
- // 隐藏加载动画并更新内容
- setTimeout(() => {
- loadingSpinner.addClass('hidden');
+ // 拥有此羁绊的棋子列表
+ let hasChess = details.heros && details.heros.length;
+ if (!hasChess && details.related_chess && details.related_chess.length) {
+ hasChess = true;
+ }
+
+ if (hasChess) {
+ content += `
+
+
拥有该羁绊的棋子
+
+ `;
- // 模拟内容加载完成的淡入效果
- modalContent.fadeOut(100, function() {
- $(this).html(content).fadeIn(150);
+ // 处理新的数据结构
+ if (details.heros && details.heros.length) {
+ // 按照费用从小到大排序
+ const sortedHeros = [...details.heros].sort((a, b) => a.cost - b.cost);
- // 显示返回按钮（如果有历史记录）
- showTooltipBackButton(modalContent);
+ for (const hero of sortedHeros) {
+ content += `
+
+
${hero.name}
+
${hero.cost}费
+
+ `;
+ }
+ }
+
+ // 兼容原有数据结构
+ if (details.related_chess && details.related_chess.length > 0) {
+ // 根据费用对棋子进行分组
+ const chessByPrice = {};
+ details.related_chess.forEach(chess => {
+ const price = chess.cost || 0;
+ if (!chessByPrice[price]) {
+ chessByPrice[price] = [];
+ }
+ chessByPrice[price].push(chess);
+ });
- // 绑定棋子点击事件
- bindTooltipInteractions(modalContent);
- });
- }, 100);
+ // 按费用从低到高排序并添加棋子
+ Object.keys(chessByPrice).sort((a, b) => Number(a) - Number(b)).forEach(price => {
+ const priceChess = chessByPrice[price];
+
+ priceChess.forEach(chess => {
+ content += `
+
+
${chess.name}
+
${chess.cost}费
+
+ `;
+ });
+ });
+ }
+
+ content += `
`;
+ }
+
+ // 淡出加载动画
+ loadingSpinner.removeClass('visible').addClass('hidden');
+
+ // 直接更新内容，减少不必要的过渡
+ modalContent.html(content);
+
+ // 设置返回按钮
+ showTooltipBackButton(modalContent);
+
+ // 绑定新内容的交互事件
+ bindTooltipInteractions(modalContent);
+
+ } else {
+ // 加载失败
+ loadingSpinner.removeClass('visible').addClass('hidden');
+
+ modalContent.html(`
+
+
+
加载失败
+
无法获取羁绊信息，请稍后重试
+
+
+ `);
}
}).catch(error => {
- // 处理错误
- setTimeout(() => {
- loadingSpinner.addClass('hidden');
- modalContent.html(`
请求出错: ${error.message || '未知错误'}
`);
- modalContent.fadeIn(150);
- }, 100);
+ // 加载失败
+ loadingSpinner.removeClass('visible').addClass('hidden');
- console.error('获取羁绊详情失败:', error);
+ modalContent.html(`
+
+
+
加载失败
+
发生错误: ${error.message || '未知错误'}
+
+
+ `);
});
}
diff --git a/src/web/templates/index.html b/src/web/templates/index.html
index bebd70e..e45a75d 100644
--- a/src/web/templates/index.html
+++ b/src/web/templates/index.html
@@ -145,7 +145,7 @@