index.vue 859 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div class="container">
  3. <div class="cell-item">
  4. <div class="cell-label"><span>*</span>姓名</div>
  5. <input class="cell-input" type="text" :value="form.name" placeholder="请输入姓名" @input="inputMobile">
  6. </div>
  7. <div class="cell-item">
  8. <div class="cell-label"><span>*</span>身份证号/学籍号/唯一ID</div>
  9. <input class="cell-input" type="idcard" :maxlength="18" :value="form.id_card" placeholder="请输入身份证号或学籍号或唯一ID" @input="inputIdCard">
  10. </div>
  11. <div class="submit" @click="onSubmit">立即绑定</div>
  12. </div>
  13. </template>
  14. <script>
  15. import methods from './methods.js';
  16. export default {
  17. data() {
  18. return {
  19. form: {
  20. name: '',
  21. id_card: '',
  22. }
  23. };
  24. },
  25. onLoad() {
  26. },
  27. onShow() {
  28. },
  29. methods: {
  30. ...methods
  31. }
  32. };
  33. </script>
  34. <style lang="scss">
  35. @import './style.scss';
  36. </style>