bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

尝试修复闪动问题

Browse Source
This commit is contained in:
张成
2025-11-08 14:02:18 +08:00
parent 45fd8c5daa
commit c6ca2269f9
4 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/user_pages/myself/index.scss
View File

@@ -16,16 +16,27 @@
}
}
// 背景渐变过渡动画
@keyframes backgroundGradient {
0% {
background: #FFFFFF;
}
100% {
background: radial-gradient(
circle at 50% 0,
/* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px,
/* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px,
/* 100px 处开始淡化 */ #fafafa 300px,
/* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */
);
}
}
// 主要内容区域
.main_content {
// position: relative;
background: radial-gradient(
circle at 50% 0,
/* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px,
/* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px,
/* 100px 处开始淡化 */ #fafafa 300px,
/* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */
);
background: #FFFFFF;
animation: backgroundGradient 0.6s ease-in-out forwards;
z-index: 5;
flex: 1;
margin-top: 0;