uniapp 访客表单代码

以下是一个简单的uniapp访客表单代码示例，包含了一个输入框和一个提交按钮：

<template>
  <view class="container">
    <form>
      <view class="form-group">
        <label>姓名</label>
        <input type="text" v-model="name" placeholder="请输入姓名">
      </view>
      <view class="form-group">
        <label>性别</label>
        <radio-group v-model="gender">
          <radio value="男">男</radio>
          <radio value="女">女</radio>
        </radio-group>
      </view>
      <view class="form-group">
        <label>意见反馈</label>
        <textarea v-model="feedback" placeholder="请输入您的建议"></textarea>
      </view>
      <view class="form-group">
        <button type="submit" @click="submit">提交</button>
      </view>
    </form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      gender: '',
      feedback: ''
    }
  },
  methods: {
    submit() {
      uni.request({
        url: 'https://example.com/submit-feedback',
        method: 'POST',
        data: {
          name: this.name,
          gender: this.gender,
          feedback: this.feedback
        },
        success: (res) => {
          if (res.statusCode === 200) {
            uni.showToast({
              title: '提交成功',
              icon: 'success'
            })
          } else {
            uni.showToast({
              title: '提交失败',
              icon: 'none'
            })
          }
        },
        fail: () => {
          uni.showToast({
            title: '提交失败',
            icon: 'none'
          })
        }
      })
    }
  }
}
</script>

<style>
.container {
  padding: 10px;
}

.form-group {
  margin-bottom: 10px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

button {
  background-color: #007aff;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}
</style>

这只是一个简单的示例，你可以根据具体需求来修改和完善它。