| 1 |
- .top-fixed{width:100%;position:fixed;top:0;left:0;z-index:10}.pub-tab-box{box-sizing:border-box;width:100%;padding:0 40rpx;background-color:#fff}.pub-tab-box .tab-inner{height:88rpx;line-height:88rpx;display:flex;align-items:center;justify-content:space-between;overflow-x:auto}.pub-tab-box .item{font-size:28rpx;white-space:nowrap;line-height:1;font-family:PingFang SC;font-weight:500;color:#666;margin-right:60rpx;display:flex;align-items:center;justify-content:center}.pub-tab-box .item:last-child{margin-right:0}.pub-tab-box .item.active{font-weight:700;color:#333}.pub-tab-box .item .text{position:relative;z-index:1}.pub-tab-box .item .tab-bg{width:72rpx;height:28rpx;position:absolute;top:17rpx;left:50%;transform:translate(-36rpx);z-index:-1}.top-seat{width:100%;height:192rpx}.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 .storeName{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;margin-bottom:10rpx}.order-list .item .ordersn-box{display:flex;align-items:center;justify-content:space-between}.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(../../static/images/recom.png);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:#0bb3f2}.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,#66b2ef,#0bb3f2);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 #DDDDDD;color:#666}.order-list .item .drug-list .bottom-box .btn-box .btn.pay{background:#0bb3f2;color:#fff}
|
