245 lines
3.5 KiB
Plaintext
245 lines
3.5 KiB
Plaintext
.page {
|
|
min-height: 100vh;
|
|
background: #f9fafb;
|
|
padding: 24rpx 32rpx 32rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.title {
|
|
font-size: 32rpx;
|
|
font-weight: 700;
|
|
color: #111827;
|
|
}
|
|
|
|
.sub-title {
|
|
margin-top: 6rpx;
|
|
font-size: 24rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.empty {
|
|
margin-top: 80rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.empty-icon {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
border-radius: 60rpx;
|
|
background: #f3f4f6;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 56rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.empty-text {
|
|
font-size: 28rpx;
|
|
margin-bottom: 4rpx;
|
|
color: #4b5563;
|
|
}
|
|
|
|
.empty-sub {
|
|
font-size: 24rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.list {
|
|
margin-top: 12rpx;
|
|
}
|
|
|
|
.item {
|
|
background: #ffffff;
|
|
border-radius: 24rpx;
|
|
padding: 24rpx 28rpx;
|
|
margin-bottom: 20rpx;
|
|
box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.04);
|
|
}
|
|
|
|
.item-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.order-no {
|
|
font-size: 24rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.status-tag {
|
|
padding: 6rpx 16rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.tag-pending {
|
|
background: #e5e7eb;
|
|
color: #4b5563;
|
|
}
|
|
|
|
.tag-approved {
|
|
background: #dbeafe;
|
|
color: #1d4ed8;
|
|
}
|
|
|
|
.tag-wait {
|
|
background: #dbeafe;
|
|
color: #1d4ed8;
|
|
}
|
|
|
|
.tag-rejected {
|
|
background: #fee2e2;
|
|
color: #b91c1c;
|
|
}
|
|
|
|
.tag-transferred {
|
|
background: #dcfce7;
|
|
color: #15803d;
|
|
}
|
|
|
|
.tag-expired {
|
|
background: #f3f4f6;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.item-top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.amount-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6rpx;
|
|
}
|
|
|
|
.amount {
|
|
font-size: 32rpx;
|
|
font-weight: 700;
|
|
color: #111827;
|
|
}
|
|
|
|
.fee-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4rpx;
|
|
}
|
|
|
|
.fee-label {
|
|
font-size: 22rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.fee-value {
|
|
font-size: 26rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.balance-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.balance-label {
|
|
font-size: 22rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.balance-value {
|
|
margin-top: 4rpx;
|
|
font-size: 26rpx;
|
|
color: #111827;
|
|
}
|
|
|
|
.time-block {
|
|
margin-top: 16rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6rpx;
|
|
}
|
|
|
|
.time-row {
|
|
font-size: 22rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.reject-box {
|
|
margin-top: 16rpx;
|
|
padding: 16rpx;
|
|
border-radius: 12rpx;
|
|
background: #fef2f2;
|
|
}
|
|
|
|
.reject-title {
|
|
font-size: 24rpx;
|
|
font-weight: 600;
|
|
color: #b91c1c;
|
|
}
|
|
|
|
.reject-text {
|
|
font-size: 24rpx;
|
|
color: #b91c1c;
|
|
}
|
|
|
|
.item-bottom {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.note {
|
|
font-size: 24rpx;
|
|
color: #6b7280;
|
|
}
|
|
|
|
.footer {
|
|
padding: 16rpx 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer-text {
|
|
font-size: 24rpx;
|
|
color: #9ca3af;
|
|
}
|
|
|
|
.confirm-wrapper {
|
|
margin-top: 20rpx;
|
|
padding: 0 8rpx 4rpx;
|
|
}
|
|
|
|
.confirm-btn {
|
|
width: 100%;
|
|
height: 80rpx;
|
|
border-radius: 999rpx;
|
|
background: linear-gradient(135deg, #FF6B8A 0%, #FF8E53 100%);
|
|
color: #ffffff;
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
box-shadow: 0 10rpx 18rpx rgba(255, 107, 138, 0.35);
|
|
border: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.confirm-btn[disabled] {
|
|
opacity: 0.7;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.safe-bottom {
|
|
height: calc(32rpx + env(safe-area-inset-bottom));
|
|
}
|
|
|