uniapp 两个组件 顶部对其，怎么写代码

可以使用flex布局来实现两个组件顶部对齐，具体代码如下：

<view class="container">
  <view class="item"></view>
  <view class="item"></view>
</view>

.container {
  display: flex;
  align-items: flex-start; /* 顶部对齐 */
}

.item {
  width: 100px;
  height: 100px;
  background-color: red;
  margin-right: 10px;
}

其中，`.container`为父容器，使用`display: flex`将其变成flex布局，通过`align-items`属性设置子元素的垂直对齐方式为顶部对齐。`.item`为子元素，设置宽高和背景颜色，并通过`margin-right`属性设置子元素之间的间距。