用uniapp写一个带有输入框的页面

好的，以下是一个使用 uni-app 创建带有输入框的页面的示例：

<template>
  <view class="page">
    <form>
      <view class="form-item">
        <text>姓名：</text>
        <input type="text" v-model="name" placeholder="请输入姓名" />
      </view>
      <view class="form-item">
        <text>年龄：</text>
        <input type="number" v-model="age" placeholder="请输入年龄" />
      </view>
      <view class="form-item">
        <text>性别：</text>
        <radio-group v-model="gender">
          <radio value="男">男</radio>
          <radio value="女">女</radio>
        </radio-group>
      </view>
      <view>
        <button type="primary" @tap="submitForm">提交</button>
      </view>
    </form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      age: '',
      gender: '男',
    };
  },
  methods: {
    submitForm() {
      // 在这里编写提交表单的逻辑
      console.log('表单已提交');
    },
  },
};
</script>

<style>
.page {
  padding: 20px;
}

.form-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.form-item text {
  width: 80px;
  text-align: right;
  margin-right: 10px;
}
</style>

在这个示例中，我们创建了一个带有姓名、年龄和性别输入框的表单，并添加了一个提交按钮。当用户点击提交按钮时，会触发 `submitForm` 方法。

您可以根据您的需求修改这个示例，添加更多的表单元素和功能来创建您的页面。