chore(config): 优化Kiro配置并调整UI组件样式

- 更新Kiro AI助手配置,新增强制语言和中文模式设置
- 添加用户排名背景框图片资源
- 优化CompetitionLayout组件标题样式(字体大小和字间距调整)
- 优化用户封面页面卡片布局,根据屏幕尺寸动态调整顶部padding
- 删除联想对对碰题库数据文件
This commit is contained in:
2026-03-19 14:52:36 +08:00
parent 7d49143ae0
commit e061f46e66
5 changed files with 15 additions and 258 deletions

View File

@ -150,6 +150,15 @@ async function initSyncRouteParams() {
const showCards = ref(false)
// 计算每排卡片数量(根据不同屏幕尺寸)
// 默认按最小屏幕2列计算如果超过2排则调整padding
const needCompactPadding = computed(() => {
// 假设最小屏幕每排2个卡片w-[44%]
const cardsPerRow = 2
const totalRows = Math.ceil(questions.value.length / cardsPerRow)
return totalRows > 2
})
// 3D 悬停效果逻辑
const cardStyles = ref<Record<number, any>>({})
@ -200,7 +209,7 @@ onMounted(async () => {
>
<div class="h-screen w-full overflow-y-auto font-sans">
<div class="relative z-10 min-h-full w-full">
<div class="min-h-full w-full flex flex-col items-center pb-12 pt-24">
<div class="min-h-full w-full flex flex-col items-center pb-12" :class="needCompactPadding ? 'pt-4' : 'pt-24'">
<!-- 卡片列表 -->
<TransitionGroup
tag="div" name="card-anim"