chore(config): 优化Kiro配置并调整UI组件样式
- 更新Kiro AI助手配置,新增强制语言和中文模式设置 - 添加用户排名背景框图片资源 - 优化CompetitionLayout组件标题样式(字体大小和字间距调整) - 优化用户封面页面卡片布局,根据屏幕尺寸动态调整顶部padding - 删除联想对对碰题库数据文件
This commit is contained in:
@ -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"
|
||||
|
||||
Reference in New Issue
Block a user