MLloginbox

功能描述

本插件可以实现微信、QQ、新浪微博登录以及分享功能

依赖的插件

dialogBox;         js对话框_js弹框,封装了各种弹窗接口
qq;
wxPlus;
weiboPlus;

快速使用

    插件加载
    var dialogBox;
    var qq;
    var wxPlus;
    var weiboPlus;
    apiready = function() {
        dialogBox = api.require('dialogBox');
        qq = api.require('QQPlus');
        wxPlus = api.require('wxPlus');
        weiboPlus = api.require('weiboPlus');
    };
    
        dialogBox.actionMenu({
            rect: {
                h: 150     对话框的宽高设置
            },
            items: [{
                text: '微信',     字符串类型；每一项的标题文字
                icon: 'widget://wgt/weixin1.png'      字符串类型；每一项图片的路径 支持 fs:// widget://
            }, {
                text: 'QQ',
                icon: 'widget://wgt/qq.png'
            }, {
                text: '微博',
                icon: 'widget://wgt/xinlang.png'
            }, {
                text: '分享',
                icon: 'widget://wgt/fenxiang.png'
            }],
            styles: {
                 bg:'#FFF',                 //（可选项）字符串类型；对话框的背景色，支持#、rgb、rgba、img；默认：#FFF
                 maskBg:'rgba(0,0,0,0.5)',  //（可选项）字符串类型；遮罩层背景颜色，支持#、rgb、rgba；默认：rgba(0,0,0,0.5)
                 column: 3,                 //（可选项）数字类型；每屏显示的按钮个数；默认值：3
                 itemText:{                 //（可选项）JSON 对象；网格每一项文本设置
                     color: '#000',         //（可选项）字符串类型；每一项的文本字体颜色设置，支持#、rgb、rgba；默认：#000
                     size: 12,              //（可选项）字符串类型；每一项的文本字体大小设置；默认值：12
                     marginT: 8             //（可选项）数字类型；每一项的文本上边缘与图标的间距；默认值：8
                 },
                 itemIcon:{                 //（可选项）JSON 对象；每一项图片样式的配置
                     size: 30               //（可选项）数字类型；按钮图片的大小；默认值：30
                 },
                 cancel:{                   //（可选项）JSON 对象；底部按钮样式的配置
                     bg: 'fs://icon.png',   //（可选项）字符串类型：底部按钮的背景配置，支持rgb、rgba、#、img
                     h:44 ,                 //（可选项）数字类型；底部按钮高和宽；默认：44
                     color:'#000',          //（可选项）字符串类型；底部按钮标题字体颜色，支持rgb、rgba、#；默认：'#000'
                     size:  14              //（可选项）数字类型；按钮标题的字体大小；默认：14
                 }
            }，
            isCuttingLine: true,  是否显示分割线
            tapClose: true,  是否点击遮罩层关闭该对话框
            animation: true,  是否再打开或关闭对话框时使用动画
        }, function(ret) {
            alert(JSON.stringify(ret));
        });
    }
    QQ登录
    qq.installed(function(ret, err) {
        if (ret.status) {
            qq.login(
                function(ret, err) {
                    api.alert({
                      title: 'id和token',
                      msg: ret.openId + ret.accessToken
                    });
                });
        } else {
            api.alert({
                msg: "没有安装"
            });
        }
    });
    微博登录
    weiboPlus.isInstalled(
        function(ret) {
            if (ret.status) {
                alert('已安装新浪微博客户端');
                weiboPlus.auth({
                    apiKey: '',
                    registUrl: '',
                }, function(ret, err) {
                    if (ret.status) {
                        alert(JSON.stringify(ret));
                    }
                });
            } else {
                alert('未安装新浪微博客户端');
            }
        }
    );
    qq分享
    qq.shareNews({
        url: '',
        title: '新闻分享',
        description: '新闻描述',
        imgUrl: '',
        type: 'QFriend',
    }, function(ret, err) {
        if (ret.status) {
            alert("分享成功！");
        } else {
             api.alert({
               msg: JSON.stringify(err)
             });
        }
    });
    微博分享
    weiboPlus.shareWebPage({
        text: '这里是内容',
        title: '标题',
        description: '分享内容的描述',
        thumb: 'widget://a.jpg',
        contentUrl: 'http://apicloud.com'
    }, function(ret, err) {
        if (ret.status) {
            alert('分享成功');
        }
    });

特别说明

可以查看插件文档

是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18