uni-app两个按钮放在同一行uni-app两个按钮放在同一行

在uni-app中，如果你想将两个按钮放在同一行，你可以使用Flex布局或者栅格系统来实现。以下是两种常见的方法：

**方法一：使用Flex布局**
在WXML文件中，给包含这两个按钮的容器设置`flex-direction: row;`，然后给每个按钮添加`flex: 1;`或者留白属性，使其按比例分配宽度。例如：

<view class="container">
  <button bindtap="handleBtn1">按钮1</button>
  <button bindtap="handleBtn2">按钮2</button>
</view>

<style scoped>
.container {
  display: flex;
  flex-direction: row;
}
</style>

**方法二：使用栅格系统 (如果项目启用了Grid)`
引入样式库，并创建一个栅格容器，比如6列宽的两列布局：

<template>
  <view class="grid-container">
    <view class="grid-item" slot="item1">
      <button>按钮1</button>
    </view>
    <view class="grid-item" slot="item2">
      <button>按钮2</button>
    </view>
  </view>
</template>

<style scoped>
.grid-container {
  @apply grid-fit auto-flow row wrap;
}

.grid-item {
  width: 50%;
  /* 或者其他的列数和百分比 */
}
</style>

记得在CSS中启用网格布局，通常在全局样式表中加入`.container { display: grid; }`。