pos_xcx/pages/personorder/personorder.scss

.container {

    .tab-content {
        height: 95rpx;
        line-height: 95rpx;
    }

    .weui-tabs {
        .weui-tabs-bar__wrp {
            .weui-tabs-bar__content {
                height: 95rpx;
                line-height: 94rpx;
                white-space: nowrap;
                display: flex;
                justify-content: space-around;
                border-bottom: 1rpx solid #ECECEC;

                .weui-tabs-bar__item {
                    width: 100rpx;

                    .weui-tabs-bar__title {
                        width: 100rpx;
                        text-align: center;
                        border-bottom-width: 6rpx;
                    }
                }

            }
        }
    }

    .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: 15rpx 15rpx;

                    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: 80rpx;
                        line-height: 80rpx;
                    }

                    .order-date{
                        height: 30rpx;
                        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: -2rpx;
    left: 0;
}