email.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <form class="login-form">
  3. <view class="form-item">
  4. <input class="form-input" v-model="formData.user_string" name="user_string"
  5. placeholder-class="form-input-place" placeholder="请输入您的邮箱地址" />
  6. </view>
  7. <view class="form-item">
  8. <input type="password" class="form-input" v-model="formData.password" name="password"
  9. placeholder-class="form-input-place" placeholder="请输入您的登录密码" />
  10. </view>
  11. <slider-verify ref="sliderVerifyRef" />
  12. </form>
  13. </template>
  14. <script>
  15. import {
  16. reverseBack
  17. } from "@/utils/common.js"
  18. export default {
  19. props: {
  20. formData: {
  21. type: Object,
  22. default: () => {
  23. return {
  24. user_string: '',
  25. password: ''
  26. }
  27. }
  28. },
  29. },
  30. data() {
  31. return {
  32. };
  33. },
  34. methods: {
  35. selectAreaCode() {
  36. uni.navigateTo({
  37. url: '/pages/login/area-code'
  38. })
  39. },
  40. formSubmit() {
  41. Api_userLogin(this.formData).then(res => {
  42. // setToken(res)
  43. if (res) {
  44. this.$store.dispatch("app/setToken", res)
  45. uni.showToast({
  46. title: '登录成功',
  47. icon: 'none'
  48. });
  49. setTimeout(() => {
  50. reverseBack()
  51. }, 1500)
  52. }
  53. })
  54. }
  55. }
  56. }
  57. </script>
  58. <style lang="scss" scoped>
  59. @import "~./../common.scss"
  60. </style>