diff --git a/reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue b/reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue index ee294d1..25d815f 100644 --- a/reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue +++ b/reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue @@ -1511,6 +1511,7 @@ onUnmounted(() => { .resources-section { margin-bottom: 16px; + padding: 4px 0; /* 为动画留出上下呼吸空间,避免被父级裁剪 */ .section-label { display: flex; @@ -1518,7 +1519,7 @@ onUnmounted(() => { gap: 8px; font-size: 18px; color: #8D6E63; - margin-bottom: 12px; + margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; @@ -1530,9 +1531,9 @@ onUnmounted(() => { .resources-track { display: flex; - gap: 12px; + gap: 16px; overflow-x: auto; - padding-bottom: 8px; + padding: 16px 12px; /* 增加内边距,为 scale/shadow 动画留出空间 */ flex-wrap: wrap; &::-webkit-scrollbar {