uniapp showModal中实现弹窗中多个文本框输入

在uniApp中，如果你想要在模态层（`showModal`）中实现多个文本框供用户输入，你可以使用`<view>`元素配合`input`组件来创建每个文本框。下面是一个简单的例子：

<template>
  <view>
    <!-- 弹窗内容 -->
    <modal v-model="isShow" title="输入信息">
      <view class="dialog-content">
        <!-- 文本框1 -->
        <input type="text" placeholder="请输入内容1" v-model="textField1" />

        <!-- 文本框2 -->
        <input type="text" placeholder="请输入内容2" v-model="textField2" />
        
        <!-- 可能还有更多文本框，只需复制这部分并修改对应的变量名即可 -->
      </view>
      <button slot="footer" @click="closeModal">确定</button>
    </modal>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShow: false,
      textField1: '',
      textField2: '', // 根据需求添加更多的字段
    };
  },
  methods: {
    closeModal() {
      this.isShow = false; // 当点击确定按钮时关闭弹窗
    },
  },
};
</script>

<style scoped>
.dialog-content {
  /* 样式自定 */
}
</style>

在这个例子中，当`isShow`为`true`时，弹窗会显示出来，用户可以在两个`input`文本框中输入内容。每次用户更改文本框的内容，`v-model`绑定的值（如`textField1`和`textField2`）都会自动更新。