<template>
    <div class="q-pa-md w">
        <div class="row q-gutter-md q-mb-md">
            <div class="col-1">
                <QSkeleton type="rect" square />
            </div>
            <div class="col">
                <QSkeleton type="rect" square />
            </div>
            <div class="col">
                <QSkeleton type="rect" square />
            </div>
            <div class="col">
                <QSkeleton type="rect" square />
            </div>
            <div class="col">
                <QSkeleton type="rect" square />
            </div>
            <div class="col">
                <QSkeleton type="rect" square />
            </div>
        </div>

        <div class="row q-gutter-md q-mb-md" v-for="n in 5" :key="n">
            <div class="col-1">
                <QSkeleton type="QInput" square />
            </div>
            <div class="col">
                <QSkeleton type="QInput" square />
            </div>
            <div class="col">
                <QSkeleton type="QInput" square />
            </div>
            <div class="col">
                <QSkeleton type="QInput" square />
            </div>
            <div class="col">
                <QSkeleton type="QInput" square />
            </div>
            <div class="col">
                <QSkeleton type="QInput" square />
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.w {
    width: 80vw;
}
</style>
