pos_xcx/pages/personorder/personorder.scss

.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;
                .pay-text{
                    position: absolute;
                    top:-18rpx;
                    left:20rpx;
                    color: #BA9D6E;
                    font-size: 14px;
                }
                .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: #BA9D6E                    ;
                    color: #fff;
                }
            }
        }
    }
}

.icon {
    position: absolute;
    top: -3rpx;
    left: 0;
}