Files
huishou/dist/dev/mp-weixin/pages/order/list.wxss
T
2026-07-27 13:37:48 +08:00

210 lines
4.1 KiB
Plaintext

.container.data-v-80f8e5f8 {
min-height: 100vh;
background: #f5f5f5;
padding-bottom: 120rpx;
}
.content.data-v-80f8e5f8 {
padding: 32rpx;
}
.order-list.data-v-80f8e5f8 {
display: flex;
flex-direction: column;
gap: 24rpx;
}
.order-item.data-v-80f8e5f8 {
display: flex;
background: #fff;
border-radius: 16rpx;
padding: 24rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
}
.order-checkbox.data-v-80f8e5f8 {
display: flex;
align-items: flex-start;
padding-right: 20rpx;
padding-top: 8rpx;
}
.checkbox.data-v-80f8e5f8 {
width: 44rpx;
height: 44rpx;
border: 2rpx solid #ddd;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.checkbox.checked.data-v-80f8e5f8 {
background: #3366ff;
border-color: #3366ff;
}
.check-icon.data-v-80f8e5f8 {
color: #fff;
font-size: 24rpx;
font-weight: bold;
}
.order-content.data-v-80f8e5f8 {
flex: 1;
}
.order-header.data-v-80f8e5f8 {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 16rpx;
padding-bottom: 16rpx;
border-bottom: 1rpx dashed #f0f0f0;
}
.order-region.data-v-80f8e5f8 {
display: flex;
align-items: center;
flex: 1;
}
.region-icon.data-v-80f8e5f8 {
font-size: 28rpx;
margin-right: 8rpx;
}
.region-text.data-v-80f8e5f8 {
font-size: 26rpx;
color: #333;
font-weight: 500;
}
.order-time.data-v-80f8e5f8 {
font-size: 24rpx;
color: #999;
}
.order-items.data-v-80f8e5f8 {
margin-bottom: 16rpx;
}
.order-item-row.data-v-80f8e5f8 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12rpx 0;
}
.order-item-row.data-v-80f8e5f8:not(:last-child) {
border-bottom: 1rpx solid #f8f9fa;
}
.item-name.data-v-80f8e5f8 {
font-size: 28rpx;
color: #333;
flex: 1;
}
.item-info.data-v-80f8e5f8 {
display: flex;
flex-direction: column;
align-items: flex-end;
flex: 2;
margin-right: 16rpx;
}
.item-weight.data-v-80f8e5f8 {
font-size: 24rpx;
color: #666;
}
.item-price.data-v-80f8e5f8 {
font-size: 24rpx;
color: #999;
}
.item-amount.data-v-80f8e5f8 {
font-size: 28rpx;
font-weight: 600;
color: #3366ff;
}
.order-footer.data-v-80f8e5f8 {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16rpx;
border-top: 1rpx dashed #f0f0f0;
}
.order-total.data-v-80f8e5f8 {
display: flex;
align-items: baseline;
}
.total-label.data-v-80f8e5f8 {
font-size: 26rpx;
color: #666;
margin-right: 8rpx;
}
.total-amount.data-v-80f8e5f8 {
font-size: 36rpx;
font-weight: 700;
color: #3366ff;
}
.order-actions.data-v-80f8e5f8 {
margin-left: 16rpx;
}
.delete-btn.data-v-80f8e5f8 {
font-size: 26rpx;
color: #ff4d4f;
padding: 8rpx 16rpx;
border: 1rpx solid #ff4d4f;
border-radius: 8rpx;
}
.empty-state.data-v-80f8e5f8 {
display: flex;
flex-direction: column;
align-items: center;
padding: 120rpx 40rpx;
background: #fff;
border-radius: 16rpx;
}
.empty-icon.data-v-80f8e5f8 {
font-size: 100rpx;
margin-bottom: 24rpx;
}
.empty-text.data-v-80f8e5f8 {
font-size: 32rpx;
font-weight: 600;
color: #333;
margin-bottom: 12rpx;
}
.empty-hint.data-v-80f8e5f8 {
font-size: 26rpx;
color: #999;
}
.bottom-bar.data-v-80f8e5f8 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 32rpx;
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
background: #fff;
box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.08);
}
.select-all.data-v-80f8e5f8 {
display: flex;
align-items: center;
}
.select-text.data-v-80f8e5f8 {
font-size: 28rpx;
color: #333;
margin-left: 12rpx;
}
.selected-info.data-v-80f8e5f8 {
display: flex;
align-items: baseline;
gap: 16rpx;
}
.selected-count.data-v-80f8e5f8 {
font-size: 26rpx;
color: #666;
}
.selected-total.data-v-80f8e5f8 {
font-size: 32rpx;
font-weight: 700;
color: #3366ff;
}
.batch-delete.data-v-80f8e5f8 {
margin-left: 16rpx;
}
.batch-delete-btn.data-v-80f8e5f8 {
font-size: 28rpx;
color: #fff;
padding: 12rpx 24rpx;
background: #ff4d4f;
border-radius: 8rpx;
}