<template>
    <div class="container">
        <div class="content">
            <div class="record-list" v-for="item in 5">
                <div style="flex-shrink: 0;">本周</div>
               <div class="list-ri">
                    <van-image v-for="n in 10" class="avatar" radius="12" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"/>
               </div>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
.container{
    height: 100%;
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    .content{
        overflow: auto;
        .record-list{
            font-family: PingFang SC, PingFang SC;
            font-weight: 500;
            font-size: 17px;
            color: #000000;
            display: flex;
            margin: 24px 0;
            .list-ri{
                display: flex;
                flex-wrap: wrap;
                gap: 16px;
                margin-left: 20px;
                .avatar{
                    width: 82px;
                    height: 82px;
                }
            }
        }
    }
    .content::-webkit-scrollbar{
        width: 0;
    }
}
</style>