宽度一致 高度不一致的图片调整 成一致

1 样式调整：中间间隔样式调整

  box-sizing: border-box;
  width: 25%;
  padding: 8px;
  
  再单独设置，让左边对齐
  .room-list{
            display: flex;
            flex-wrap: wrap;
            margin: 0 -8px;
  }

让图片宽高一致

    .inner {
        width: 100%;
      }
    //重要代码：
    .cover {
    position: relative;
    box-sizing: border-box;
    padding: 66.66% 8px 0;
    border-radius: 3px;
    overflow: hidden;

    img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
  }

调整后的结果