chore: 抢单端UI回退前备份当前完整工作区
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
@@ -770,3 +770,180 @@ page {
|
||||
margin-left: auto;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
/* 被指定订单 */
|
||||
.my-zhiding-banner {
|
||||
margin: 16rpx 24rpx 0;
|
||||
padding: 22rpx;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(135deg, #ff9500 0%, #ff6b00 100%);
|
||||
border: 3rpx solid #ff4500;
|
||||
box-shadow: 0 12rpx 32rpx rgba(255, 69, 0, 0.45);
|
||||
position: relative;
|
||||
z-index: 20;
|
||||
}
|
||||
.my-zhiding-banner-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.my-zhiding-head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
.my-zhiding-badge {
|
||||
font-size: 26rpx;
|
||||
font-weight: 800;
|
||||
color: #ff4500;
|
||||
background: #fff;
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
}
|
||||
.my-zhiding-count-num {
|
||||
font-size: 32rpx;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
.my-zhiding-sub {
|
||||
font-size: 26rpx;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.my-zhiding-card {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 18rpx;
|
||||
margin-bottom: 12rpx;
|
||||
border: 2rpx solid #ffe0b2;
|
||||
}
|
||||
.my-zhiding-card--highlight {
|
||||
border-color: #ff8c00;
|
||||
box-shadow: 0 0 0 4rpx rgba(255, 140, 0, 0.15);
|
||||
}
|
||||
.my-zhiding-card-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.my-zhiding-order-id {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
.my-zhiding-reward {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #e64340;
|
||||
}
|
||||
.my-zhiding-desc {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.my-zhiding-status {
|
||||
display: block;
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #059669;
|
||||
}
|
||||
.my-zhiding-actions {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.zhiding-act {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 14rpx 0;
|
||||
border-radius: 999rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.zhiding-act--ghost {
|
||||
background: #f3f4f6;
|
||||
color: #666;
|
||||
}
|
||||
.zhiding-act--primary {
|
||||
background: linear-gradient(90deg, #ff8c00, #ff6b00);
|
||||
color: #fff;
|
||||
}
|
||||
.order-my-zhiding {
|
||||
border: 3rpx solid #ff4500 !important;
|
||||
box-shadow: 0 0 0 6rpx rgba(255, 69, 0, 0.25), 0 12rpx 36rpx rgba(255, 69, 0, 0.35) !important;
|
||||
}
|
||||
.order-zhiding-highlight {
|
||||
animation: zhidingPulse 1.5s ease-in-out 2;
|
||||
}
|
||||
@keyframes zhidingPulse {
|
||||
0%, 100% { box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.3); }
|
||||
50% { box-shadow: 0 0 0 12rpx rgba(255, 140, 0, 0); }
|
||||
}
|
||||
.zhiding-modal-mask {
|
||||
position: fixed;
|
||||
left: 0; right: 0; top: 0; bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.62);
|
||||
z-index: 10050;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 40rpx;
|
||||
}
|
||||
.zhiding-modal-mask--top {
|
||||
z-index: 10060;
|
||||
}
|
||||
.zhiding-modal {
|
||||
width: 100%;
|
||||
max-width: 640rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 24rpx 64rpx rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
.zhiding-modal--sm { max-width: 580rpx; }
|
||||
.zhiding-modal-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 24rpx 28rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
background: #fff;
|
||||
}
|
||||
.zhiding-modal-title { font-size: 32rpx; font-weight: 700; color: #222; }
|
||||
.zhiding-modal-close { font-size: 44rpx; color: #666; line-height: 1; padding: 0 8rpx; }
|
||||
.zhiding-modal-body { padding: 24rpx 28rpx; background: #fff; }
|
||||
.zhiding-modal-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
.zhiding-modal-row.col { flex-direction: column; gap: 8rpx; }
|
||||
.zhiding-modal-row .lbl { color: #999; font-size: 24rpx; }
|
||||
.zhiding-modal-row .reward { color: #e64340; font-weight: 700; }
|
||||
.zhiding-modal-actions { padding: 0 28rpx 28rpx; margin-top: 0; background: #fff; }
|
||||
.later-hint { font-size: 26rpx; color: #444; display: block; margin-bottom: 16rpx; }
|
||||
.later-input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid #ddd;
|
||||
border-radius: 12rpx;
|
||||
padding: 22rpx 20rpx;
|
||||
font-size: 28rpx;
|
||||
color: #222;
|
||||
background: #f9fafb;
|
||||
min-height: 88rpx;
|
||||
}
|
||||
.later-input-ph { color: #aaa; }
|
||||
.later-confirm {
|
||||
margin: 0 28rpx 28rpx;
|
||||
text-align: center;
|
||||
padding: 24rpx;
|
||||
background: linear-gradient(90deg, #ff8c00, #ff4500);
|
||||
color: #fff;
|
||||
border-radius: 999rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user