/* 商家订单列表卡片 - 对齐逍遥梦 ui-preview/index */ .normal-card { padding-bottom: 5rpx; margin-bottom: 24rpx; border-radius: 30rpx; position: relative; background: linear-gradient(to bottom, #fff8e1, #ffe0b2); 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; }