uniapp怎么实现手机号登录

npm install uview-ui

// 在login页面中添加一个按钮<template>  ...  <button @click="sendCode">获取验证码</button>  ...</template><script>  export default {    data() {      return {        phone: '', // 存储用户输入的手机号        code: '', // 存储服务器返回的验证码      }    },    methods: {      // 发送验证码      sendCode() {        if (!this.phone) {          uni.showToast({            icon: 'none',            title: '请输入手机号'          })          return        }        if (!/^1[3456789]d{9}$/i.test(this.phone)) {          uni.showToast({            icon: 'none',            title: '请输入正确的手机号'          })          return        }        // 向服务器发送请求        uni.request({          url: 'http://localhost:8080/sendCode',          method: 'POST',          header: {            'Content-Type': 'application/json'          },          data: {            phone: this.phone          },          success: (res) => {            if (res.statusCode === 200) {              uni.showToast({                icon: 'none',                title: '验证码已发送，请注意查收'              })              this.code = res.data.code // 保存验证码            } else {              uni.showToast({                icon: 'none',                title: '发送验证码失败，请重新发送'              })            }          },          fail: (err) => {            console.log(err)          }        })      },    }  }</script>

// 在store/index.js文件中新增一个stateexport default new Vuex.Store({  state: {    code: '', // 存储验证码  }  ...})

// 用户信息const userInfo = {  phone: this.phone,  code: this.$store.state.code}

// 保存授权信息uni.setStorageSync('token', res.data.token) // 将token保存到本地

// 获取授权信息uni.getStorageSync('token') // 获取本地保存的token