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/12/2