第一步

依次给三个按钮添加自定义属性

data-logintype="weixin"//或者qq/sinaweibo

对每个按钮增加点击事件

@click="applogin"

在下方js中定义相应的点击事件

applogin(e){
    //获取用户的登录类型
    var logintype = e.currentTarget.dataset.logintype;
    //授权登录
    uni.login({
        //将拿到的登录类型给到授权属性中
        provider:logintype,
        //成功回调
        success(e){
            
        }
    })
}

此时点击第三方登录图标时会发生跳转动作，跳转到相应的第三方页面

第二步

打开manifese.json文件，在此文件当中勾选第三方登录的功能并且配置相应的id等配置

第三步

配置好相应的id后需要在login的成功回调当中调用

//获取用户基本信息
uni.getUserInfo({
    provider:logintype,//登录类型
    success(info){
        console.log(json.stringify(info));
    }
})

此时就可以获取到相应的第三方登录相关的用户信息了，接下来只需要将第三方登录的相关信息聚合到api接口文档当中的登录接口当中进行登录请求就ok了