兜底 页面 样式问题

This commit is contained in:
张成
2025-12-28 11:05:32 +08:00
parent 9f63a2369a
commit e7ee8bc1de
2 changed files with 13 additions and 13 deletions

View File

@@ -16,7 +16,7 @@
justify-content: flex-start; justify-content: flex-start;
padding: 0; padding: 0;
position: relative; position: relative;
height: calc(100vh - 98px); height: calc(100vh);
} }
// 空状态图片 // 空状态图片
@@ -56,13 +56,13 @@
// 按钮区域 // 按钮区域
&__buttons { &__buttons {
position: absolute; position: absolute;
bottom: 110px; bottom: 48px;
left: 0; left: 0;
right: 0; right: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
padding: 0 20px; padding: 8px 20px;
z-index: 1; z-index: 1;
align-items: center; align-items: center;
} }
@@ -72,7 +72,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 251px; width: 100%;
height: 52px; height: 52px;
border-radius: 16px; border-radius: 16px;
box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.1), box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.1),
@@ -87,13 +87,12 @@
// 按钮文字样式 // 按钮文字样式
&_text { &_text {
font-family: 'DingTalk JinBuTi';
font-weight: 400; font-family: 'PingFang SC';
font-size: 18px; font-style: normal;
line-height: 1.11; font-weight: 600;
letter-spacing: -0.05em; font-size: 16px;
text-align: center; line-height: 22px;
color: #000000;
} }
// 主要按钮(去看看其他球局) // 主要按钮(去看看其他球局)
@@ -101,6 +100,8 @@
background: #000000; background: #000000;
border: 2px solid rgba(0, 0, 0, 0.06); border: 2px solid rgba(0, 0, 0, 0.06);
.empty_state_page__button_text { .empty_state_page__button_text {
color: #ffffff; // 黑色背景下使用白色文字 color: #ffffff; // 黑色背景下使用白色文字
} }

View File

@@ -12,7 +12,6 @@ import './index.scss';
function Index() { function Index() {
const { statusNavbarHeightInfo } = useGlobalState() || {}; const { statusNavbarHeightInfo } = useGlobalState() || {};
const { totalHeight = 98 } = statusNavbarHeightInfo || {};
const [countdown, setCountdown] = useState(5); const [countdown, setCountdown] = useState(5);
// 倒计时自动返回 // 倒计时自动返回