court-badminton/commpents/mobile-frame/index.less

.body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    .info {
        flex-grow: 1;
        position: relative;

        .scroll-view {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;

            .list-scroll-view {
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                justify-content: space-between;
                margin: 0 2vw;
                padding: 2vw 0;
            }
        }
    }

    .foot {
        background-color: green;
    }
}