.orders-list { position: relative; display: flex; align-items: center; padding: 20rpx; height: 180rpx; border-bottom: 10rpx solid #ededed; } .orders-thumb { width: 180rpx; height: 180rpx; margin-right: 20rpx; } .orders-info { flex: 1; display: flex; justify-content: space-between; } .orders-info-left { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .order-notes-label { font-size: 16px; color: #333; margin-right: 10px; /* 标签和输入框之间的间距 */ } .order-notes-input { flex: 1; /* 输入框占据剩余空间 */ padding-left: 10px; margin-right: 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; } .orders-pro-name { font-size: 32rpx; font-weight: bold; } .order-yunf{ font-size: 12px; padding-top: 10px; } .order-specs { padding-top: 8px; font-size: 28rpx; color: #888; margin-top: 5rpx; } .orders-info-right { text-align: right; display: flex; flex-direction: column; justify-content: space-between; } .orders-pro-price { font-size: 32rpx; font-weight: bold; color: #AB956D; } .orders-count-num { font-size: 28rpx; color: #888; } .orders-address { position: relative; padding: 20rpx 50rpx 20rpx 35rpx; font-size: 14px; line-height: 25px; border-bottom: 20rpx solid #ededed; color: #adadad; } .orders-address::after { position: absolute; right: 30rpx; top: 60rpx; content: ''; width: 8px; height: 8px; border-top: 4rpx solid #7f7f7f; border-right: 4rpx solid #7f7f7f; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .orders-address-name { display: inline-block; width: 300rpx; } .orders-no-address { position: relative; height: 90rpx; line-height: 90rpx; color: #adadad; border-bottom: 10rpx solid #ededed; text-align: center; } .orders-no-address::after { position: absolute; right: 30rpx; top: 34rpx; content: ''; width: 16rpx; height: 16rpx; border-top: 4rpx solid #7f7f7f; border-right: 4rpx solid #7f7f7f; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .orders-box { padding-bottom: 105rpx; } .order-notes { display: flex; align-items: center; padding-left: 10px; margin: 20px 0; } .orders-footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 95rpx; line-height: 95rpx; border-top: 1rpx solid #ededed; } .orders-footer .orders-footer-total { display: inline-block; width: 510rpx; padding-left: 30rpx; box-sizing: border-box; color: #a55350; } .orders-footer .orders-footer-btn { display: inline-block; width: 240rpx; text-align: center; color: #fff; background: #AB956D; }