.container { .tab-content { height: 95rpx; line-height: 95rpx; } .weui-tabs { .weui-tabs-bar__wrp { position: relative; .weui-tabs-bar__content { height: 95rpx; line-height: 92rpx; white-space: nowrap; display: flex; justify-content: space-around; .weui-tabs-bar__item { width: 100rpx; .weui-tabs-bar__title { width: 100rpx; text-align: center; border-bottom-width: 6rpx; } } } &::before { content: ""; position: absolute; width: 100%; height: 1rpx; background-color: #ECECEC; bottom: -2rpx; left: 0; } } } .orders { margin-top: 20rpx; .orderinfo { margin: 0 20rpx 20rpx; .order-item { display: flex; justify-content: flex-start; position: relative; border-bottom: 1px solid #ebeef5; .order-img { width: 210rpx; height: 200rpx; margin: 55rpx 20rpx 0 20rpx; image { width: 210rpx; height: 200rpx; } } .order-desc { flex: 1; margin: 15rpx 15rpx; .order-id { height: 40rpx; line-height: 40rpx; text-align: right; } .order-title { height: 40rpx; line-height: 40rpx; } .order-price { height: 100rpx; line-height: 100rpx; } .order-date { height: 34rpx; line-height: 30rpx; margin-bottom: 10rpx; position: relative; padding-left: 40rpx; } .order-shop-address { height: 30rpx; line-height: 30rpx; display: flex; justify-content: space-between; position: relative; padding-left: 35rpx; } } } .operate-btn { display: flex; justify-content: flex-end; .btn { width: 150rpx; height: 60rpx; line-height: 60rpx; text-align: center; margin: 20rpx 25rpx; border-radius: 10rpx; } .buy-again { border: 1rpx solid #c7c7c7; } .comment, .pay { background-color: #DF3361; color: #fff; } } } } } .icon { position: absolute; top: -3rpx; left: 0; }