uniapp popup-dialog实现弹出表单

要在uniapp中实现弹出表单，可以使用popup和dialog组件结合起来实现。

首先，在需要弹出表单的页面中引入popup和dialog组件。

<template>
  <view>
    <button @click="showPopup">显示弹出框</button>
    <popup :show="popupShow" position="bottom">
      <form>
        <view>
          <text>姓名：</text>
          <input type="text" placeholder="请输入姓名"></input>
        </view>
        <view>
          <text>年龄：</text>
          <input type="number" placeholder="请输入年龄"></input>
        </view>
        <button type="submit" @click="submitForm">提交</button>
      </form>
    </popup>
  </view>
</template>

<script>
import { Popup, Dialog } from '@vant/weapp';

export default {
  components: {
    Popup,
    Dialog
  },
  data() {
    return {
      popupShow: false
    }
  },
  methods: {
    showPopup() {
      this.popupShow = true;
    },
    submitForm() {
      // 表单提交逻辑
      this.popupShow = false;
      Dialog.alert({
        message: '提交成功'
      });
    }
  }
}
</script>

在页面中定义一个button，点击按钮后显示弹出框。弹出框使用popup组件，设置show属性来控制显示和隐藏。表单部分可以使用form和input等标签实现。提交表单时，可以在方法中进行表单提交逻辑，并使用Dialog组件显示提交成功的提示信息。