51 lines
994 B
CSS
51 lines
994 B
CSS
/* 页面通用背景基线：统一浅灰底色，减少各页面重复定义。 */
|
|
.page-base {
|
|
min-height: 100vh;
|
|
background: #f1f1f4;
|
|
}
|
|
|
|
/* 顶部导航通用布局：居中标题 + 左右扩展占位。 */
|
|
.top-nav-base {
|
|
height: 120rpx;
|
|
padding: 24rpx 24rpx 0;
|
|
background: #ffffff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
|
|
.top-nav-title-base {
|
|
font-size: 50rpx;
|
|
font-weight: 700;
|
|
color: #222222;
|
|
}
|
|
|
|
/* 空状态通用样式，供首页/事件页等无数据场景复用。 */
|
|
.empty-state {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #a7a9ad;
|
|
}
|
|
|
|
.empty-state-box {
|
|
width: 220rpx;
|
|
height: 180rpx;
|
|
border-radius: 12rpx;
|
|
background: linear-gradient(180deg, #eef0f4, #e3e6eb);
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.empty-state-text {
|
|
font-size: 52rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* 卡片外观基类。 */
|
|
.card-base {
|
|
background: #ffffff;
|
|
border-radius: 24rpx;
|
|
}
|