话不多说,直接上代码

 <li v-for="ho in hotel">
                            {{ho.houseId}}({{ho.houseType}})<br/>
              </li>

关键代码

  ul{
            list-style: none;
            width: 399px;
            margin: auto;
            padding:0;
            display: flex;//关键
            flex-wrap: wrap;//关键

        }
        li{
            text-align: center;
            width: 133px;
            height: 60px;
            outline: 1px solid black;
        }

效果如下:

这边加了点颜色样式,可以忽略
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐