Files
xingque/pages/order-pool/order-pool.wxss
2026-06-27 05:41:55 +08:00

189 lines
2.9 KiB
Plaintext

/* pages/order-pool/order-pool.wxss 抢单池(逍遥梦风格) */
@import '../../styles/dashou-xym-theme.wxss';
@import '../../styles/dashou-xym-order-card.wxss';
.qiangdan-page {
height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.page-main-scroll {
flex: 1;
height: 0;
-webkit-overflow-scrolling: touch;
}
.scroll-bottom-spacer {
height: 24rpx;
}
.refresher-container {
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
}
.leixing-scroll {
width: 100%;
white-space: nowrap;
}
.leixing-container {
display: inline-flex;
padding: 0 30rpx;
gap: 20rpx;
}
.leixing-item {
display: inline-flex;
flex-direction: column;
align-items: center;
position: relative;
}
.biaoqian-scroll {
white-space: nowrap;
height: 80rpx;
}
.biaoqian-container {
display: inline-flex;
gap: 16rpx;
padding-right: 20rpx;
}
.biaoqian-item {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 12rpx;
border-radius: 20rpx;
}
.quanbu-text {
font-size: 26rpx;
padding: 0 12rpx;
}
.xuqiu-tags-row {
display: flex;
align-items: center;
margin-top: 12rpx;
padding: 0 10rpx;
}
.xuqiu-label {
font-size: 24rpx;
margin-right: 12rpx;
flex-shrink: 0;
}
.biaoqian-inline-scroll {
flex: 1;
white-space: nowrap;
}
.empty-tip {
padding: 160rpx 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.tip-icon {
width: 180rpx;
height: 180rpx;
opacity: 0.5;
margin-bottom: 30rpx;
}
.loading-more,
.no-more {
padding: 40rpx 0;
text-align: center;
}
.loading-spinner {
width: 90rpx;
height: 90rpx;
border: 6rpx solid rgba(255, 208, 97, 0.3);
border-top: 6rpx solid #ffd061;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 30rpx;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/* 未授权页 */
.unauthorized-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
.unauthorized-card {
width: 600rpx;
padding: 60rpx 40rpx;
border-radius: 60rpx;
position: relative;
overflow: hidden;
}
.card-content-unauth {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
}
.icon-lock {
width: 72rpx;
height: 52rpx;
margin-bottom: 30rpx;
background: linear-gradient(180deg, #fae04d, #ffc0a3);
border-radius: 10rpx;
}
.title {
font-size: 36rpx;
font-weight: 700;
margin-bottom: 16rpx;
}
.message {
font-size: 28rpx;
margin-bottom: 12rpx;
}
.description {
font-size: 24rpx;
margin-bottom: 40rpx;
text-align: center;
}
.btn-register {
padding: 24rpx 80rpx;
position: relative;
overflow: hidden;
}
.btn-register .btn-text {
font-size: 30rpx;
font-weight: 700;
}