uniapp 商品错落布局

UniApp 是一个基于 Vue.js 的跨平台应用框架，可以用于开发多个平台的应用，包括但不限于小程序、H5、App等。

要实现商品错落布局，你可以使用 flex 布局或者 grid 布局来实现。以下是使用 flex 布局的示例代码：

<template>
  <view class="container">
    <view class="row">
      <view class="item">商品1</view>
      <view class="item">商品2</view>
    </view>
    <view class="row">
      <view class="item">商品3</view>
      <view class="item">商品4</view>
    </view>
    <view class="row">
      <view class="item">商品5</view>
      <view class="item">商品6</view>
    </view>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
}

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.item {
  width: 50%;
  padding: 10px;
}
</style>

在这个示例中，我们使用了两个嵌套的 flex 容器来创建行和列布局。每个商品都被包裹在一个 `item` 类的 `view` 中，并且设置了每个 `item` 的宽度为50%。

你可以根据实际需求修改样式和布局。希望对你有帮助！如有其他问题，请继续提问。