index.vue 919 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <div class="content">
  3. <div class="title">登录</div>
  4. <div class="cell-group">
  5. <div class="cell-item"><input type="number" :value="form.mobile" :maxlength="11" placeholder="手机号" @input="inputMobile" /></div>
  6. <div class="cell-item">
  7. <input type="number" :value="form.sms_code" :maxlength="6" placeholder="验证码" @input="inputCode" />
  8. <span class="send-code" @click="sendCode()">{{timeNum || '获取验证码'}} <i v-if="timeNum">s</i></span>
  9. </div>
  10. </div>
  11. <div class="login-btn" @click="login()">登录</div>
  12. </div>
  13. </template>
  14. <script>
  15. import methods from './methods.js';
  16. export default {
  17. data() {
  18. return {
  19. form: {
  20. mobile: '',
  21. sms_code: ''
  22. },
  23. timeNum: 0
  24. };
  25. },
  26. onLoad(options) {
  27. uni.setStorageSync('gid', options.gid || 1);
  28. },
  29. mounted() {},
  30. methods: {
  31. ...methods
  32. }
  33. };
  34. </script>
  35. <style lang="scss" scoped>
  36. @import './style.scss';
  37. </style>