MLloginbox

功能描述

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

依赖的模块

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

快速使用

  1.     模块加载
  2.     var dialogBox;
  3.     var qq;
  4.     var wxPlus;
  5.     var weiboPlus;
  6.     apiready = function() {
  7.         dialogBox = api.require('dialogBox');
  8.         qq = api.require('QQPlus');
  9.         wxPlus = api.require('wxPlus');
  10.         weiboPlus = api.require('weiboPlus');
  11.     };
  13.         dialogBox.actionMenu({
  14.             rect: {
  15.                 h: 150     对话框的宽高设置
  16.             },
  17.             items: [{
  18.                 text: '微信',     字符串类型；每一项的标题文字
  19.                 icon: 'widget://wgt/weixin1.png'      字符串类型；每一项图片的路径 支持 fs:// widget://
  20.             }, {
  21.                 text: 'QQ',
  22.                 icon: 'widget://wgt/qq.png'
  23.             }, {
  24.                 text: '微博',
  25.                 icon: 'widget://wgt/xinlang.png'
  26.             }, {
  27.                 text: '分享',
  28.                 icon: 'widget://wgt/fenxiang.png'
  29.             }],
  30.             styles: {
  31.                  bg:'#FFF',                 //（可选项）字符串类型；对话框的背景色，支持#、rgb、rgba、img；默认：#FFF
  32.                  maskBg:'rgba(0,0,0,0.5)',  //（可选项）字符串类型；遮罩层背景颜色，支持#、rgb、rgba；默认：rgba(0,0,0,0.5)
  33.                  column: 3,                 //（可选项）数字类型；每屏显示的按钮个数；默认值：3
  34.                  itemText:{                 //（可选项）JSON 对象；网格每一项文本设置
  35.                      color: '#000',         //（可选项）字符串类型；每一项的文本字体颜色设置，支持#、rgb、rgba；默认：#000
  36.                      size: 12,              //（可选项）字符串类型；每一项的文本字体大小设置；默认值：12
  37.                      marginT: 8             //（可选项）数字类型；每一项的文本上边缘与图标的间距；默认值：8
  38.                  },
  39.                  itemIcon:{                 //（可选项）JSON 对象；每一项图片样式的配置
  40.                      size: 30               //（可选项）数字类型；按钮图片的大小；默认值：30
  41.                  },
  42.                  cancel:{                   //（可选项）JSON 对象；底部按钮样式的配置
  43.                      bg: 'fs://icon.png',   //（可选项）字符串类型：底部按钮的背景配置，支持rgb、rgba、#、img
  44.                      h:44 ,                 //（可选项）数字类型；底部按钮高和宽；默认：44
  45.                      color:'#000',          //（可选项）字符串类型；底部按钮标题字体颜色，支持rgb、rgba、#；默认：'#000'
  46.                      size:  14              //（可选项）数字类型；按钮标题的字体大小；默认：14
  47.                  }
  48.             }，
  49.             isCuttingLine: true,  是否显示分割线
  50.             tapClose: true,  是否点击遮罩层关闭该对话框
  51.             animation: true,  是否再打开或关闭对话框时使用动画
  52.         }, function(ret) {
  53.             alert(JSON.stringify(ret));
  54.         });
  55.     }
  56.     QQ登录
  57.     qq.installed(function(ret, err) {
  58.         if (ret.status) {
  59.             qq.login(
  60.                 function(ret, err) {
  61.                     api.alert({
  62.                       title: 'id和token',
  63.                       msg: ret.openId + ret.accessToken
  64.                     });
  65.                 });
  66.         } else {
  67.             api.alert({
  68.                 msg: "没有安装"
  69.             });
  70.         }
  71.     });
  72.     微博登录
  73.     weiboPlus.isInstalled(
  74.         function(ret) {
  75.             if (ret.status) {
  76.                 alert('已安装新浪微博客户端');
  77.                 weiboPlus.auth({
  78.                     apiKey: '',
  79.                     registUrl: '',
  80.                 }, function(ret, err) {
  81.                     if (ret.status) {
  82.                         alert(JSON.stringify(ret));
  83.                     }
  84.                 });
  85.             } else {
  86.                 alert('未安装新浪微博客户端');
  87.             }
  88.         }
  89.     );
  90.     qq分享
  91.     qq.shareNews({
  92.         url: '',
  93.         title: '新闻分享',
  94.         description: '新闻描述',
  95.         imgUrl: '',
  96.         type: 'QFriend',
  97.     }, function(ret, err) {
  98.         if (ret.status) {
  99.             alert("分享成功！");
  100.         } else {
  101.              api.alert({
  102.                msg: JSON.stringify(err)
  103.              });
  104.         }
  105.     });
  106.     微博分享
  107.     weiboPlus.shareWebPage({
  108.         text: '这里是内容',
  109.         title: '标题',
  110.         description: '分享内容的描述',
  111.         thumb: 'widget://a.jpg',
  112.         contentUrl: 'http://apicloud.com'
  113.     }, function(ret, err) {
  114.         if (ret.status) {
  115.             alert('分享成功');
  116.         }
  117.     });

特别说明

可以查看模块文档