tonytech/kindergarten_java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 教学资源区域增加间距，避免动画被遮挡

Browse Source 
Made-with: Cursor
This commit is contained in:
zhonghua 2026-03-18 14:13:57 +08:00
parent 1264c4707e
commit 43d5bc8662
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
reading-platform-frontend/src/views/teacher/lessons/components/KidsMode.vue
View File

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