| 1 |
- .search-cont{padding:16rpx 30rpx;background-color:#fff}.search-cont .inner{box-sizing:border-box;width:100%;height:72rpx;background:#f7f7f7;border-radius:36rpx;display:flex;align-items:center;padding:0 30rpx}.search-cont .inner .icon-search{width:28rpx;height:28rpx;margin-right:20rpx}.search-cont .inner input{height:60rpx;line-height:60rpx;flex:1}.order-list{padding:20rpx}.order-list .item{background:#fff;border-radius:16rpx;padding:0 30rpx;margin-bottom:20rpx}.order-list .item .ordersn-box{display:flex;align-items:center;justify-content:space-between;padding:34rpx 0 20rpx}.order-list .item .ordersn-box .num{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.order-list .item .ordersn-box .status-box{display:flex;align-items:center}.order-list .item .ordersn-box .status-box .recom-box{width:108rpx;height:30rpx;line-height:30rpx;text-align:left;padding-left:8rpx;font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAeCAYAAADJjPsHAAAAAXNSR0IArs4c6QAAAhxJREFUaEPtmj9OwzAUxr9XZhATIjAjOEIbMfJnh4NAEQNEnRGXgQvATgscAISgV2iBNQYlbZ04tmOlFamLXoaqcZ281L88+7P9EQC8dztbDYhrEPYIWEnK0uMn+SB5qn4xlY/K1F/s9Sb3Iy1G8Zrs3BRBRiw8b2ld+WeK0e2xR5e46pvbLL0qfb78IWN9ArhfajQu1ponb5YGH0X/eOpskxBdAKtaKAZmeGH/BNjkRR/Egpqbu6evNmjU70Y3IBxlb3uuKgOrFdi45W+DsH1sB9aLhsh1g0qHwMDmAew7CNvLZcCUnpWBzWUMU/gEYdsmHED9XsTAzEJgXKoDrCqqpFSxiw4GlgmoWTOGgRmEv7tRVVFkqb+4sp4zjDNMky08cZ5MpHVFp7eNY+LMGbbIGUZEzfXWac8k7VklOpea6hcdAIZEdGiCxsD8BJYIsyERNGgMzF9gSY+oQWNgfgNLoQHiIAjPHtNxmVc6XKvvcxnDinNVCY2B+Z9hStfIwPwHpoxjDMxvYCw6dMuDt2MYy3rzUpKXwHjinC3zVFV9VetrzpixX6PUhKPuyPHSVL49qgKoWn92YLzj7NhRLt9BZmC8gSlfILN1gzPsn2UY29z8MuE4bG5sJHVYy2sfwxxG0ufLHcT0wFZt1eYz/TRgepVIwEAgbm2E5y+m3WZ559RfH4srEPYJyFyn7Pyty/n7BeBOCIrKfPUJsF8TeAQunoFtzAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:100% 100%;margin-right:8rpx}.order-list .item .ordersn-box .status-box .text{font-size:28rpx;font-family:PingFang SC;font-weight:500;line-height:1}.order-list .item .ordersn-box .status-box .text.success{color:#2bc7b9}.order-list .item .ordersn-box .status-box .text.black{color:#111}.order-list .item .ordersn-box .status-box .text.info{color:#999}.order-list .item .drug-list .drug-item{padding:30rpx 0;border-bottom:1px soli #f0f0f0;display:flex;align-items:center}.order-list .item .drug-list .drug-item .img-box{width:160rpx;height:160rpx;margin-right:30rpx;flex-shrink:0}.order-list .item .drug-list .drug-item .img-box image{width:100%;height:100%}.order-list .item .drug-list .drug-item .drug-info{width:calc(100% - 190rpx);height:160rpx;display:flex;flex-direction:column;justify-content:space-between}.order-list .item .drug-list .drug-item .drug-info .name-box{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:40rpx}.order-list .item .drug-list .drug-item .drug-info .name-box .tag{display:inline-block;padding:0 6rpx;height:30rpx;background:linear-gradient(90deg,#2bc7b9,#2bc7a4);border-radius:4rpx;margin-right:10rpx;font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:30rpx;float:left;margin-top:7rpx}.order-list .item .drug-list .drug-item .drug-info .spec{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-top:10rpx}.order-list .item .drug-list .drug-item .drug-info .num-box{display:flex;align-items:center;justify-content:space-between}.order-list .item .drug-list .drug-item .drug-info .num-box .price{display:flex;align-items:flex-end}.order-list .item .drug-list .drug-item .drug-info .num-box .price .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1.2;margin-right:4rpx}.order-list .item .drug-list .drug-item .drug-info .num-box .price .num{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.order-list .item .drug-list .drug-item .drug-info .num-box .amount{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.order-list .item .drug-list .bottom-box{height:110rpx;display:flex;align-items:center;justify-content:space-between}.order-list .item .drug-list .bottom-box .amount-paid{display:flex;align-items:center}.order-list .item .drug-list .bottom-box .amount-paid .label{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.order-list .item .drug-list .bottom-box .amount-paid .price-box{display:flex;align-items:flex-end}.order-list .item .drug-list .bottom-box .amount-paid .price-box .unit{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#f63;line-height:1.2;margin-right:4rpx}.order-list .item .drug-list .bottom-box .amount-paid .price-box .num{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#f63;line-height:1}.order-list .item .drug-list .bottom-box .btn-box{box-sizing:border-box;display:flex;align-items:center}.order-list .item .drug-list .bottom-box .btn-box .btn{width:155rpx;height:64rpx;line-height:64rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;text-align:center;border-radius:32rpx;margin-left:15rpx}.order-list .item .drug-list .bottom-box .btn-box .btn:first-child{margin-left:0}.order-list .item .drug-list .bottom-box .btn-box .btn.cancel{border:1px solid #ddd;color:#666}.order-list .item .drug-list .bottom-box .btn-box .btn.pay{background:#2bc7b9;color:#fff;position:relative}.order-list .item .drug-list .bottom-box .btn-box .btn.pay .share{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100% rpx;opacity:0}
|
