login.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <view>
  3. <view class="w-750 position-relative" style="height: 100vh;">
  4. <image src="/pages/subpack/static/images/bg-login.jpg" style="width: 100%;height: 100%;" mode="aspectFill">
  5. </image>
  6. </view>
  7. <view class="w-750 position-absolute top-0 left-0" style="height: 100vh;">
  8. <u-navbar title="特困户看护平台" bg-color="transparent" :left-icon="null"
  9. :title-style="{fontWeight:'bold'}"></u-navbar>
  10. <view class="w-750 flex-column align-center" style="margin-top: 1100rpx;">
  11. <view class="flex-row align-center justify-center"
  12. style="width: 606rpx;height: 96rpx;background: linear-gradient( 90deg, #2086FF 0%, #305BFF 100%);box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(48,91,255,0.32);border-radius: 50rpx;border: 2rpx solid #FFFFFF;"
  13. @click="handleLogin">
  14. <text class="text-white font-md font-weight-500">一键快捷登录</text>
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. data() {
  23. return {}
  24. },
  25. methods: {
  26. // 利用code登录
  27. loginByCode() {
  28. // 暂时登录成功
  29. // 跳转去手机号码填写页面
  30. uni.navigateTo({
  31. url: '/pages/subpack/pages/bindInfo/bindInfo'
  32. })
  33. },
  34. // 微信登录
  35. loginByWechat() {
  36. uni.login({
  37. provider: 'weixin',
  38. timeout: 10000,
  39. success: (res) => {
  40. console.log('login', res);
  41. if (res.code) {
  42. // 利用code登录
  43. this.loginByCode(res.code);
  44. } else {
  45. uni.$u.toast('获取临时票据失败,请稍后再试')
  46. }
  47. },
  48. fail: (err) => {
  49. console.log('login-Err', err);
  50. uni.$u.toast('微信登录失败,请退出后再试')
  51. }
  52. })
  53. },
  54. // 处理登录
  55. handleLogin() {
  56. // 获取provider
  57. uni.getProvider({
  58. service: 'oauth',
  59. success: (res) => {
  60. console.log('getProvider', res);
  61. if (res.provider.includes('weixin')) {
  62. // 微信登录
  63. this.loginByWechat();
  64. } else {
  65. uni.$u.toast('请前往微信小程序登录')
  66. }
  67. },
  68. fail: (err) => {
  69. console.log('getProvider-Err', err);
  70. uni.$u.toast('登录异常,请检查运行环境')
  71. }
  72. })
  73. }
  74. // goToPwdLogin(flag) {
  75. // uni.$u.route('/pages/subpack/common/login-pwd/login-pwd', {
  76. // flag
  77. // });
  78. // }
  79. }
  80. }
  81. </script>
  82. <style>
  83. </style>