39 lines
1.1 KiB
Plaintext
39 lines
1.1 KiB
Plaintext
.order-card {
|
|
background: #fff;
|
|
margin: 15rpx 20rpx;
|
|
border-radius: 12rpx;
|
|
overflow: hidden;
|
|
box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
|
|
}
|
|
.card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16rpx 20rpx;
|
|
border-bottom: 1rpx solid #f0f0f0;
|
|
}
|
|
.card-title { font-size: 26rpx; color: #666; }
|
|
.card-id { font-size: 24rpx; color: #999; margin-left: 15rpx; }
|
|
.cross-tag {
|
|
margin-left: auto;
|
|
background: #ff9900;
|
|
color: #fff;
|
|
font-size: 20rpx;
|
|
padding: 2rpx 12rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
.card-body {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 20rpx;
|
|
}
|
|
.card-img { width: 100rpx; height: 100rpx; border-radius: 8rpx; margin-right: 15rpx; }
|
|
.card-info { flex: 1; }
|
|
.card-jieshao { font-size: 28rpx; color: #333; }
|
|
.card-jine { font-size: 26rpx; color: #e74c3c; }
|
|
.card-send-btn {
|
|
width: 80rpx; height: 50rpx; line-height: 50rpx;
|
|
text-align: center; background: #07c160; color: #fff;
|
|
border-radius: 8rpx; font-size: 24rpx;
|
|
}
|
|
.card-error { padding: 20rpx; color: #e74c3c; text-align: center; }
|
|
.loading-text { display: block; padding: 20rpx; text-align: center; color: #999; } |