index.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div>
  3. <m-nav-bar :border="true" title="申请列表"></m-nav-bar>
  4. <van-cell-group inset>
  5. <!-- 输入任意文本 -->
  6. <van-field placeholder="请输入你的姓名" v-model="applyForm.realName" label="姓名" />
  7. <!-- 输入手机号,调起手机号键盘 -->
  8. <van-field placeholder="请输入身份证号码" v-model="applyForm.idCard" type="tel" label="身份证号" />
  9. <!-- 允许输入正整数,调起纯数字键盘 -->
  10. <van-field placeholder="请输入手机号" v-model="applyForm.phone" type="digit" label="手机号码" />
  11. <!-- 允许输入数字,调起带符号的纯数字键盘 -->
  12. <van-field placeholder="请输入所属驾校" v-model="applyForm.schoolName" type="number" label="所属驾校" />
  13. </van-cell-group>
  14. </div>
  15. </template>
  16. <script lang="ts">
  17. import { defineComponent } from 'vue';
  18. export default defineComponent({
  19. setup() {
  20. return {
  21. applyForm:{
  22. idCard:"",
  23. phone:"",
  24. realName:"",
  25. schoolName:""
  26. }
  27. };
  28. },
  29. });
  30. </script>
  31. <style scoped>
  32. </style>