瓷砖列表

            
            <div class="list">
  <div class="item" v-for="item in dataList" ></div>
</div>
        

            
            .list {
  display: flex;
  .item {
    border: 1px solid #abb;
    width: 100px;
    height: calc(100px * 0.5) ;
  }
}

        

            
            import {
    ref
} from "vue"

const dataList = ref([{
        width: 60,
        height: 100,
    },
    {
        width: 100,
        height: 120,
    },
    {
        width: 100,
        height: 140,
    },
    {
        width: 100,
        height: 80,
    },
]);