| 1 |
- .order{background:#efefef;padding:90rpx 30rpx 0;min-height:100vh}.order .tab-box{display:flex;position:fixed;width:750rpx;height:70rpx;left:0;top:0;z-index:9;background:#fff}.order .tab-box .tab{flex:1;text-align:center;padding:15rpx 0;font-size:28rpx;color:#999}.order .tab-box .tab.active{font-size:32rpx;color:#222;position:relative}.order .tab-box .tab.active::after{content:"";width:40rpx;height:8rpx;box-shadow:inset 0rpx 6rpx 12rpx 2rpx hsla(0,0%,100%,.16);border-radius:46rpx 46rpx 46rpx 46rpx;background:#61b5fd;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.order .zs-list .order-item{background-color:#fff;border-radius:8px;margin-bottom:20rpx}.order .zs-list .order-item .top-box{display:flex;justify-content:space-between;align-items:center;padding:20rpx;border-bottom:2rpx solid #f3f3f3}.order .zs-list .order-item .top-box .label{font-weight:700;color:#222;font-size:32rpx;width:500rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order .zs-list .order-item .top-box .status{font-size:28rpx;color:#999}.order .zs-list .order-item .order-box{padding:25rpx;display:flex}.order .zs-list .order-item .order-box .icon{width:164rpx;height:164rpx;border-radius:16rpx;background-color:#999}.order .zs-list .order-item .order-box .info{margin-left:25rpx;display:flex;flex-direction:column;justify-content:space-between}.order .zs-list .order-item .order-box .info .title{color:#0f0f0f;font-size:28rpx}.order .zs-list .order-item .order-box .info .time{font-size:26rpx;color:#999}.order .zs-list .order-item .order-box .info .price{font-weight:700;color:#181818}
|
