uniapp两个按钮并列

在UniApp中，如果你想创建两个并列排列的按钮，你可以使用`view`组件和`button`组件来构建。首先，你需要创建一个包含两个`button`元素的`view`容器，比如一个`horizontal`布局，这可以保证按钮水平放置。以下是基本的代码示例：

<template>
  <view class="container">
    <view class="row">
      <button @click="handleButton1Click">按钮一</button>
      <button @click="handleButton2Click">按钮二</button>
    </view>
  </view>
</template>

<style scoped>
.container {
  display: flex; /* 使用flex布局 */
}

.row {
  justify-content: space-between; /* 按钮间留有空隙 */
}
</style>

<script setup>
import { onMounted } from 'vue';

function handleButton1Click() {
  console.log('按钮一被点击');
}

function handleButton2Click() {
  console.log('按钮二被点击');
}

onMounted(() => {
});
</script>

在这个例子中，`justify-content: space-between`会使按钮均匀地分布在行内，并且有一定的间距。每当用户点击按钮，对应的事件处理器`handleButton1Click`和`handleButton2Click`会被触发。