357 lines
7.0 KiB
Plaintext
357 lines
7.0 KiB
Plaintext
/* 打手端抢单页 - 逍遥梦风格视觉覆盖（不改 wxml 结构/class） */
|
||
|
||
.xym-lunbo-container {
|
||
margin: 8rpx 24rpx 10rpx;
|
||
border-radius: 20rpx;
|
||
overflow: hidden;
|
||
flex-shrink: 0;
|
||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||
border: 2rpx solid rgba(255, 255, 255, 0.7);
|
||
background: #fff;
|
||
}
|
||
|
||
.xym-section-gap {
|
||
height: 12rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.xym-lunbo-swiper {
|
||
height: 300rpx;
|
||
border-radius: 20rpx;
|
||
}
|
||
|
||
.xym-lunbo-image {
|
||
width: 100%;
|
||
height: 300rpx;
|
||
border-radius: 20rpx;
|
||
}
|
||
|
||
.qiangdan-page {
|
||
background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%) !important;
|
||
}
|
||
|
||
.qiangdan-page::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.leixing-quyu {
|
||
background: #fff !important;
|
||
border-bottom: none !important;
|
||
box-shadow: 0 4rpx 14rpx rgba(0, 0, 0, 0.06) !important;
|
||
margin: 6rpx 20rpx 8rpx !important;
|
||
border-radius: 28rpx !important;
|
||
padding: 14rpx 0 8rpx !important;
|
||
border: 2rpx solid rgba(255, 224, 130, 0.5) !important;
|
||
}
|
||
|
||
.leixing-scroll {
|
||
height: 132rpx !important;
|
||
}
|
||
|
||
.leixing-item {
|
||
width: 120rpx !important;
|
||
}
|
||
|
||
.leixing-tupian {
|
||
width: 88rpx !important;
|
||
height: 88rpx !important;
|
||
border-radius: 20rpx !important;
|
||
border: none !important;
|
||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08) !important;
|
||
}
|
||
|
||
.leixing-active .leixing-tupian {
|
||
border: 3rpx solid #ffd061 !important;
|
||
box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.45) !important;
|
||
}
|
||
|
||
.leixing-jieshao {
|
||
margin-top: 8rpx !important;
|
||
font-size: 22rpx !important;
|
||
color: #666 !important;
|
||
text-shadow: none !important;
|
||
}
|
||
|
||
.leixing-active .leixing-jieshao {
|
||
color: #492f00 !important;
|
||
font-weight: 700 !important;
|
||
}
|
||
|
||
.guangyun-effect {
|
||
background: radial-gradient(circle, rgba(255, 208, 97, 0.35) 0%, transparent 70%) !important;
|
||
}
|
||
|
||
.biaoqian-quyu {
|
||
background: transparent !important;
|
||
padding: 8rpx 20rpx 0 !important;
|
||
}
|
||
|
||
.biaoqian-item {
|
||
background: rgba(255, 255, 255, 0.65) !important;
|
||
border: 2rpx solid rgba(201, 162, 39, 0.25) !important;
|
||
}
|
||
|
||
.biaoqian-active {
|
||
background: linear-gradient(180deg, #fff0c2, #f5d563) !important;
|
||
border-color: rgba(180, 130, 20, 0.85) !important;
|
||
}
|
||
|
||
.fenge-xian {
|
||
background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
|
||
opacity: 0.6 !important;
|
||
margin: 6rpx 30rpx 0 !important;
|
||
}
|
||
|
||
.dingdan-list {
|
||
padding: 16rpx 20rpx 0 !important;
|
||
margin-top: 8rpx !important;
|
||
}
|
||
|
||
.refreshing-text,
|
||
.pull-down-text {
|
||
color: #6b5420 !important;
|
||
text-shadow: none !important;
|
||
}
|
||
|
||
.tip-text {
|
||
color: #999 !important;
|
||
}
|
||
|
||
.tip-icon {
|
||
filter: none !important;
|
||
}
|
||
|
||
.dingdan-card {
|
||
border-radius: 28rpx !important;
|
||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08) !important;
|
||
border: none !important;
|
||
backdrop-filter: none !important;
|
||
}
|
||
|
||
.pingtai-card {
|
||
background: linear-gradient(to bottom, #927a46, #cec180) !important;
|
||
padding: 0 0 16rpx !important;
|
||
}
|
||
|
||
.pingtai-card::before,
|
||
.shangjia-card::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.pingtai-card .card-top,
|
||
.shangjia-card .card-top {
|
||
background: linear-gradient(50deg, #957c48, #5c4a28) !important;
|
||
border-radius: 28rpx 28rpx 0 0 !important;
|
||
margin: -28rpx -24rpx 16rpx !important;
|
||
padding: 16rpx 24rpx !important;
|
||
}
|
||
|
||
.pingtai-tag,
|
||
.creat-time {
|
||
color: #fcd270 !important;
|
||
}
|
||
|
||
.shangjia-card {
|
||
background: linear-gradient(to bottom, #fff8e1, #ffe0b2) !important;
|
||
}
|
||
|
||
.card-content,
|
||
.jieshao-box,
|
||
.beizhu-box,
|
||
.shangjia-jieshao,
|
||
.shangjia-beizhu {
|
||
background: rgba(255, 255, 255, 0.55) !important;
|
||
border-radius: 12rpx !important;
|
||
}
|
||
|
||
.jieshao-label,
|
||
.beizhu-label,
|
||
.xuqiu-label {
|
||
color: #87ceeb !important;
|
||
}
|
||
|
||
.jieshao-text,
|
||
.beizhu-text {
|
||
color: #333 !important;
|
||
}
|
||
|
||
.fenyong-box {
|
||
background: linear-gradient(to bottom, #fae04d, #ffc0a3) !important;
|
||
border-radius: 30rpx !important;
|
||
}
|
||
|
||
.fenyong-text,
|
||
.fenyong-price,
|
||
.fenyong-unit {
|
||
color: #492f00 !important;
|
||
}
|
||
|
||
.qiangdan-btn,
|
||
.mecha-btn {
|
||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||
border: 2rpx solid #fff !important;
|
||
box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
|
||
}
|
||
|
||
.qiangdan-btn .btn-text,
|
||
.mecha-btn .btn-text {
|
||
color: #492f00 !important;
|
||
}
|
||
|
||
.btn-shine,
|
||
.btn-glow,
|
||
.mecha-overlay {
|
||
display: none !important;
|
||
}
|
||
|
||
.loading-mask {
|
||
background: rgba(255, 248, 225, 0.85) !important;
|
||
}
|
||
|
||
.loading-mask-text,
|
||
.loading-text,
|
||
.no-more-text {
|
||
color: #999 !important;
|
||
}
|
||
|
||
.unauthorized-container {
|
||
background: linear-gradient(180deg, #f7dc51, #fff 50%) !important;
|
||
}
|
||
|
||
.unauthorized-card {
|
||
background: #fdfcfa !important;
|
||
border: none !important;
|
||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.08) !important;
|
||
}
|
||
|
||
.unauthorized-card .title {
|
||
color: #343434 !important;
|
||
}
|
||
|
||
.unauthorized-card .message,
|
||
.unauthorized-card .description {
|
||
color: #666 !important;
|
||
}
|
||
|
||
.btn-register {
|
||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||
border-radius: 44rpx !important;
|
||
}
|
||
|
||
.btn-register .btn-text {
|
||
color: #492f00 !important;
|
||
}
|
||
|
||
.card-glow {
|
||
display: none !important;
|
||
}
|
||
|
||
.order-type-tag {
|
||
font-size: 22rpx;
|
||
padding: 6rpx 16rpx;
|
||
border-radius: 8rpx;
|
||
font-weight: 600;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.tag-platform {
|
||
background: rgba(252, 210, 112, 0.22);
|
||
color: #fcd270;
|
||
border: 1rpx solid rgba(252, 210, 112, 0.45);
|
||
}
|
||
|
||
.tag-merchant {
|
||
background: rgba(255, 255, 255, 0.45);
|
||
color: #492f00;
|
||
border: 1rpx solid rgba(255, 208, 97, 0.55);
|
||
}
|
||
|
||
.fenyong-mark {
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
line-height: 36rpx;
|
||
text-align: center;
|
||
font-size: 22rpx;
|
||
font-weight: 700;
|
||
color: #492f00;
|
||
background: rgba(255, 255, 255, 0.72);
|
||
border-radius: 50%;
|
||
margin-right: 8rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.fenyong-icon {
|
||
display: none !important;
|
||
}
|
||
|
||
.qiangdan-btn {
|
||
min-width: 180rpx !important;
|
||
height: 68rpx !important;
|
||
border-radius: 34rpx !important;
|
||
}
|
||
|
||
.qiangdan-btn .btn-text {
|
||
font-size: 28rpx !important;
|
||
font-weight: 700 !important;
|
||
letter-spacing: 1rpx;
|
||
}
|
||
|
||
/* 手动刷新悬浮钮（抢单池 / 接单页） */
|
||
.refresh-float {
|
||
position: fixed;
|
||
right: 24rpx;
|
||
top: calc(env(safe-area-inset-top) + 88rpx);
|
||
z-index: 20;
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
background: rgba(255, 255, 255, 0.92);
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
|
||
border: 2rpx solid rgba(255, 208, 97, 0.45);
|
||
}
|
||
|
||
.refresh-float:active {
|
||
transform: scale(0.96);
|
||
}
|
||
|
||
.refresh-float-ico {
|
||
width: 34rpx;
|
||
height: 34rpx;
|
||
}
|
||
|
||
.dingdanxiang1.filter-card {
|
||
margin: 12rpx 20rpx 8rpx !important;
|
||
border-radius: 24rpx !important;
|
||
background: rgba(255, 255, 255, 0.95) !important;
|
||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06) !important;
|
||
border: 2rpx solid rgba(255, 224, 130, 0.45) !important;
|
||
}
|
||
|
||
.xym-gonggao-bar {
|
||
margin: 8rpx 20rpx 0;
|
||
padding: 12rpx 16rpx;
|
||
border-radius: 12rpx;
|
||
background: rgba(255, 255, 255, 0.9);
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.xym-gonggao-ico {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-right: 12rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.xym-gonggao-txt {
|
||
font-size: 24rpx;
|
||
color: #492f00;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|