支持两种初始化方式:
#1: 单例模式
#2: 实例化模式
本文使用实例化模式来完成初始化工作
/** * usage */ // 引入样式文件(自定义样式可以不用引入) // 引入脚本文件 // 引入HTML脚本 // 容器类名选择器: "iShareClassName" // 实例化对象
/** * 配置项说明 */ container: '.iShare1', //分享容器节点,仅支持'class'和'id'两种选择模式. 'class'模式: '.class'; 'id'模式: '#id'. config: { title: 'title',//分享标题. 默认:document.title description: 'description',//分享描述文本. 默认:meta的description url: 'url',//分享的URL. 默认:location.href initialized: true,//自动创建必须开启字段. isAbroad,isTitle才能生效.默认开启 isAbroad: false, //默认undefined,开启国外分享接口 + 国内分享接口. //为true时,开启国外分享接口: 'iShare_facebook','iShare_linkedin','iShare_twitter','iShare_googleplus','iShare_tumblr','iShare_pinterest'. //为false时,开启国内分享接口:'iShare_weibo','iShare_qq','iShare_wechat','iShare_tencent','iShare_douban','iShare_qzone','iShare_renren','iShare_youdaonote'. isTitle: true,//开启title提示, 默认是false. WXoptions:{ evenType: 'click',//微信二维码的触发方式,仅支持:'click'和'mouseover',默认为'mouseover'. isTitleVisibility: true,//是否显示二维码标题,默认为显示,即为true. title: '二维码标题',//二维码标题. isTipVisibility: true,//是否显示二维码操作提示,默认为显示,即为true. tip: '二维码描述文本',//二维码描述文本 bgcolor: '#2BAD13',//二维码的背景颜色 qrcodeW: '120',//二维码宽度 qrcodeH: '120',//二维码高度 qrcodeBgc: '#0f0',//二维码背景色 qrcodeFgc: '#000'//二维码前景色 } }
默认配置
icon大小:24px
// 引入HTML脚本
// 引入配置 (new iShare({container:'.iShare1',config:{}}));
分享icon:16px;
isAbroad:true(开启国外分享接口);
关闭isTitle
// 引入HTML脚本
// 引入配置 (new iShare({container:'.iShare2',config:{ title: '分享标题', description: '这是分享描述文本', url: 'http://www.baidu.com', isAbroad: true, isTitle: true, initialized: true }}));
分享icon大小:32px;
isAbroad:false(开启国内分享接口);
evenType:'click'(修改二维码触发方式为click);
isTipVisibility:true(隐藏二维码的tip)
// 引入HTML脚本
// 引入配置 (new iShare({container:'.iShare1',config:{ title: '分享标题', description: '这是分享描述文本', url: 'http://www.baidu.com', isAbroad: false, isTitle: true, initialized: true, WXoptions:{ evenType: 'click', isTitleVisibility: true, title: '二维码标题', isTipVisibility: true, tip: '二维码描述文本', qrcodeW: 140, qrcodeH: 140, qrcodeBgc: '#fff', qrcodeFgc: '#000', bgcolor: '#2BAD13' } }}));
initialized: false(关闭自动创建分享)
自定义样式只需要引入脚本文件即可,不需要引入样式文件。但需要指定为子元素指定类名
自定义样式推荐使用: iShare_tidy版本(主要用于自定义样式)
// 引入脚本文件
// 引入HTML脚本
// 引入配置 (new iShare({container:'.iShare4',config:{ title: '分享标题', description: '这是分享描述文本', url: 'http://www.baidu.com', initialized: false, WXoptions:{ evenType: 'click', isTitleVisibility: true, title: '二维码标题', isTipVisibility: true, tip: '二维码描述文本', qrcodeW: 180, qrcodeH: 180, qrcodeBgc: '#fce4ec', qrcodeFgc: '#000', bgcolor: '#e91e63' } }}));