Files
xingque/styles/shangjia-merchant-order-card.wxss

220 lines
3.7 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* 商家订单列表卡片 - 对齐逍遥梦 ui-preview/index */
.normal-card {
padding-bottom: 5rpx;
margin-bottom: 24rpx;
border-radius: 30rpx;
position: relative;
background: linear-gradient(to bottom, #f5f3ff, #ddd6fe);
box-sizing: border-box;
overflow: hidden;
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.12);
}
.normal-body-wrap {
border-radius: 10rpx 10rpx 30rpx 30rpx;
padding: 0 20rpx 20rpx;
}
.normal-card .order-row {
padding: 20rpx 10rpx 10rpx;
}
.normal-card .remark-block.dark {
color: #888;
border: none;
background: transparent;
margin: 0 10rpx 10rpx;
padding: 8rpx 20rpx;
border-bottom: 1rpx dotted #ddd;
padding-bottom: 15rpx;
border-radius: 0;
}
.normal-card .remark-label.dark-t {
color: #888;
font-weight: 400;
}
.normal-card .merchant-tags-container {
margin-top: 10rpx;
border-top: 3rpx dotted rgba(255, 255, 255, 0.85);
padding-top: 16rpx;
}
.normal-card .o-foot {
margin-top: 20rpx;
padding: 0 10rpx 6rpx;
}
/* 金牌卡样式见 dashou-xym-order-card.wxss此处仅保留商家端差异 */
.order-con {
position: relative;
min-height: 100rpx;
}
.order-row {
align-items: flex-start;
}
.o-logo {
width: 88rpx;
height: 88rpx;
border-radius: 12rpx;
margin-right: 14rpx;
flex-shrink: 0;
background: #eee;
}
.o-col {
flex: 1;
min-width: 0;
padding-right: 136rpx;
box-sizing: border-box;
}
.o-goods {
font-weight: 700;
font-size: 30rpx;
line-height: 1.5;
color: #333;
}
.line2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.reward-badge {
position: absolute;
right: 0;
top: 18rpx;
font-size: 24rpx;
padding: 6rpx 20rpx;
border-radius: 30rpx 10rpx 0 30rpx;
display: flex;
align-items: baseline;
z-index: 3;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
}
.normal-reward {
color: #492f00;
background: linear-gradient(to bottom, #fae04d, #ffc0a3);
}
.reward-yen.sm {
font-size: 24rpx;
}
.reward-num {
font-weight: 700;
font-size: 34rpx;
}
.reward-num.dark {
color: #c00;
}
.remark-block.dark {
color: #666;
border-color: #87ceeb;
background: rgba(135, 206, 235, 0.12);
font-size: 24rpx;
margin: 12rpx 10rpx 0;
padding: 12rpx 16rpx;
border-left: 4rpx solid #87ceeb;
border-radius: 0 8rpx 8rpx 0;
}
.remark-label.dark-t {
color: #87ceeb;
font-weight: 600;
}
.merchant-tags-container {
margin: 10rpx 5rpx 0;
}
.biaoqian-inline-scroll {
white-space: nowrap;
width: 100%;
}
.merchant-strip {
display: flex;
align-items: center;
background-image: url('https://bintao-1308403501.cos.ap-guangzhou.myqcloud.com/xcx/static/dilanimg/50.png');
background-size: 100% 100%;
border-radius: 16rpx 16rpx 0 0;
padding: 12rpx 16rpx;
margin-top: 16rpx;
}
.m-avatar {
width: 70rpx;
height: 70rpx;
border-radius: 50%;
margin-right: 12rpx;
flex-shrink: 0;
background: #eee;
}
.m-info {
flex: 1;
min-width: 0;
}
.m-name.light-t {
color: #fff;
font-size: 26rpx;
font-weight: 700;
}
.m-sn.light-sub {
color: #fff;
font-size: 22rpx;
opacity: 0.9;
margin-top: 4rpx;
}
.o-foot {
margin-top: 16rpx;
padding: 0 10rpx 6rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.o-amt-grey {
font-size: 24rpx;
color: #999;
}
.sj-status-pill {
font-size: 24rpx;
font-weight: 700;
padding: 8rpx 20rpx;
border-radius: 30rpx;
background: linear-gradient(180deg, #fae04d, #ffc0a3);
color: #492f00;
flex-shrink: 0;
}
/* zhiding / gold-card 见 dashou-xym-order-card.wxss */
.myflex {
display: flex;
align-items: center;
}
.flexb {
display: flex;
align-items: center;
justify-content: space-between;
}