crm-app-vue3/pages/wareHouse/styles/orderList/index.scss

::v-deep .u-transition{
    z-index: 999 !important;//解决预览图片层级问题
}
::v-deep .order_list{
    overflow: hidden;
    padding:0 20rpx;
    font-size: 28rpx;
    .search_form{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10rpx;
    }
    .btns{
        display: flex;
        gap:20rpx;
        padding: 20rpx;
    }
    .list_wrap{
        margin-top: 20rpx;
        overflow: auto;
        height: calc(100vh - 200rpx);
        width: 100%;
        .order_item{
            background-color: #ffffff;
            border-radius: 20rpx;
            padding: 20rpx;
            margin-bottom: 20rpx;
            border: 1px solid #f7f6f6;
            box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
            line-height: 44rpx;
            .order_col_1{
                display: grid;
                flex:1;
            }
            .order_col_2{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }
            .scroll_img{
                width: calc(100vw - 80rpx);
            }
        }
    }
    .search_pop{
        padding: 40rpx 20rpx;
    }
}