uniapp点击按钮选择支付方式

在uniapp中，您可以使用uni-popup组件来实现选择支付方式的弹出框。具体步骤如下：

1. 在需要触发支付方式选择的按钮上添加点击事件，例如：

<template>
  <view>
    <button @click="showPayPopup">选择支付方式</button>
  </view>
</template>

2. 在data中定义需要展示的支付方式列表和弹出框的显示状态，例如：

<scirpt>
export default {
  data() {
    return {
      payList: ['微信支付', '支付宝', '银联支付'],
      isPayPopupShow: false
    }
  },
  methods: {
    showPayPopup() {
      this.isPayPopupShow = true
    },
    hidePayPopup() {
      this.isPayPopupShow = false
    }
  }
}
</script>

3. 在页面中添加uni-popup组件，并根据数据绑定设置弹出框的内容和显示状态，例如：

<template>
  <view>
    <button @click="showPayPopup">选择支付方式</button>
    <uni-popup :show="isPayPopupShow" @close="hidePayPopup">
      <view>
        <view v-for="(pay, index) in payList" :key="index" @click="selectPay(pay)">
          {{pay}}
        </view>
      </view>
    </uni-popup>
  </view>
</template>

4. 在选中支付方式后，可以通过selectPay方法进行处理，并在弹出框中关闭支付方式选择弹出框，例如：

<scirpt>
export default {
  data() {
    return {
      payList: ['微信支付', '支付宝', '银联支付'],
      isPayPopupShow: false
    }
  },
  methods: {
    showPayPopup() {
      this.isPayPopupShow = true
    },
    hidePayPopup() {
      this.isPayPopupShow = false
    },
    selectPay(pay) {
      // 处理选中支付方式的逻辑
      console.log(`您选择了${pay}`)
      this.hidePayPopup()
    }
  }
}
</script>

以上就是在uniapp中实现选择支付方式的基本步骤，您可以根据实际需求进行相应的修改和调整。