目录：
1.登录与支付-登录-点击结算按钮进行条件判断
2.登录与支付-初步渲染页面的布局
3.登录与支付-获取用户的基本信息
4.登录与支付-登录-将用户的信息信息存储到vuex
5.登录与支付-登录-调用uni.login获取code对应的值
6.登录与支付-登录-获取登录的Tocken并存储到vuex中
1.登录与支付-登录-点击结算按钮进行条件判断
2.登录与支付-初步渲染页面的布局
3.登录与支付-获取用户的基本信息
open-type="getUserInfo" @getuserinfo="getUserInfo" @getuserinfo是啥
@getuserinfo 是 微信小程序（或 uni-app）中绑定事件的语法 ，对应小程序原生的 bindgetuserinfo 事件，作用是监听 open-type="getUserInfo" 触发的用户信息授权事件。
在小程序中，当按钮设置 open-type="getUserInfo" 时，点击按钮会触发用户信息授权流程（需要用户同意 / 拒绝）
@getuserinfo（等价于原生的 bindgetuserinfo）是用来绑定这个授权事件的回调函数 ，当用户完成授权（同意 / 拒绝）后，会自动执行你定义的 getUserInfo 方法，并把授权结果（用户信息 / 错误信息）传递给 getUserInfo 的参数 e。
简单说：@getuserinfo="getUserInfo" 的作用是 "当用户操作授权后，把授权结果传给 getUserInfo 函数处理"
确认授权：
取消授权：
最近微信小程序对 wx.getUserInfo 接口进行了调整，原来的 open-type 和 getuserInfo 已经不会弹出授权框了
解决：
4.登录与支付-登录-将用户的信息信息存储到vuex
5.登录与支付-登录-调用uni.login获取code对应的值
6.登录与支付-登录-获取登录的Tocken并存储到vuex中
