样式优化

This commit is contained in:
2025-10-27 13:22:15 +08:00
parent 80a4cc35fa
commit f5df67cbd5
4 changed files with 23 additions and 28 deletions

View File

@@ -1,4 +1,4 @@
@use '../../scss/common.scss' as *;
@use "../../scss/common.scss" as *;
// 个人页面样式
.myself_page {
@@ -18,17 +18,13 @@
// 主要内容区域
.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: 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 以下全白 */
);
z-index: 5;
flex: 1;
margin-top: 0;
@@ -55,7 +51,6 @@
}
}
// 统计数据
.stats_section {
display: flex;
@@ -123,15 +118,16 @@
display: flex;
align-items: center;
overflow: hidden;
height: 48px;
.action_content {
height: 100%;
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 20px 0;
cursor: pointer;
transition: background-color 0.3s ease;
@@ -161,7 +157,6 @@
// 球局类型标签页
.game_tabs_section {
.tab_container {
display: flex;
gap: 16px;