详细问题描述
[内容]
IOS 正式版本 微信分享没反应 但是是QQ分享正常 真机测试可以分享
安卓可以正常分享
重现步骤
[步骤]
[结果]
[期望]
运行环境
苹果手机
[系统版本]
iOS 10版本
[浏览器版本]
[IDE版本]
HBuilder
7.6.5.201612301621
[mui版本]
-
Mui v3.4.1 (http://dev.dcloud.net.cn/mui)
附件
[代码片段]/* * id 分享id * title 分享列表名称 * icon 分享图标 * ex 区分微信好友 和朋友圈 分享 */ var share = [{ id: 'weixin', title: '微信好友', icon: 'mui-icon-weixin', ex: "WXSceneSession" } , { id: 'weixin', title: '朋友圈', icon: 'mui-icon-pengyouquan', ex: "WXSceneTimeline" } , { id: 'qq', title: '分享到QQ', icon: 'mui-icon-qq', ex: "" } ]; /* * 实例化创建 分享插件 */ new shareObj(share);
//分享主页链接点击事件
mui("body").on('tap', '.share', function() {
share_show({
master_id: info.m_id,
share_path: "https://m.4001109145.com/share/master",
title: '我是锁贸通认证师傅——'+master_name+',记得找我派单哟!',
content: "我在锁贸通接任务" + info.m_trading_no + "笔,快来我的锁贸通主页来看看吧",
images: info.avatar
});
});//分享邀请师傅链接点击事件 mui("body").on('tap', '.share_ad', function() { share_show({ master_id: info.m_id, share_path: "https://m.4001109145.com/share/master/register", title: master_name + "邀请你加盟锁贸通平台认证师傅", content: "赶快加入吧,月薪上万不是梦,我在锁贸通等你哦", images: info.avatar }); });
/*
- 分享
*/
var share_content; //分享容器dom
var DOMmask; //蒙版
var share_chancel; //取消
var share_ul; //分享列表容器
var share_li; //分享列表
var shares = {};
var share_path;
var master_id;
var share_optsion;
var shareObj = function(share) {
//创建蒙版
DOMmask = mui.createMask();
//要创建到DOM元素下
var body = document.querySelector('body');
//创建元素
share_content = document.createElement('div');
share_content.style.cssText = 'position: fixed;left: 0;bottom: -100%;width: 100%;height: auto;background: #efeff4;z-index: 9999;padding-bottom: 57px;transition: all .3s ease-in .1s; visibility: hidden; '
body.appendChild(share_content);
//创建H5
var share_h5 = document.createElement('h5');
share_h5.innerText = '分享给朋友';
share_h5.style.cssText = 'text-align: center;line-height: 40px;color: #333;font-size: 16px;';
share_content.appendChild(share_h5);
//创建分享列表 容器
share_ul = document.createElement('ul');
share_ul.className = 'mui-table-view mui-grid-view mui-grid-9';
share_ul.style.cssText = 'background: none;';
share_content.appendChild(share_ul);
//创建分享列表
for(var i = 0; i < share.length; i++) {
share_li = document.createElement('li');
share_li.className = 'mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 sharel_li';
share_li.setAttribute('share_id', share[i].id);
share_li.setAttribute('share_ex', share[i].ex);
// share_li.setAttribute('master_id', mastre_id);
share_li.innerHTML = '<a href="#"><span class="mui-icon ' + share[i].icon + '"></span><div class="mui-media-body">' + share[i].title + '</div></a>';
share_ul.appendChild(share_li);
}
//创建取消按钮
share_chancel = document.createElement('div');
share_chancel.style.cssText = 'position: absolute;left: 0;bottom: 0;width: 100%;height: auto;';
share_chancel.innerHTML = '<button type="button" class="mui-btn mui-btn-block" style="margin: 0;border-radius: 0;border: none;-webkit-transition-duration:.0s; transition-duration:.0s;">取消</button>';
share_content.appendChild(share_chancel);
}
/*
-
显示分享插件
*/
function share_show(optsion) {
share_optsion=optsion;
//显示分享
if(!share_content) {
return;
}
share_content.style.visibility = 'visible';
share_content.style.bottom = '0px';
//显示蒙版
DOMmask.show();//监听点击蒙版关闭
document.querySelector('.mui-backdrop').addEventListener('tap', function() {
//关闭分享
share_content.style.visibility = 'hidden';
//关闭蒙版
setTimeout(function() {
DOMmask.close();
}, 1000)})
return share_optsion;
}
//取消分享插件
setTimeout(function() {
share_chancel.addEventListener('tap', function() {
//关闭分享
share_content.style.visibility = 'hidden';
//关闭蒙版
setTimeout(function() {
DOMmask.close();
}, 100)
});
}, 500);
//分享链接
setTimeout(function() {
$('.sharel_li').on('tap', function() {
var index = $(this).index();
var share_id = $(this).attr('share_id');
var share_ex = $(this).attr('share_ex');
// var master_id = $(this).attr('master_id');
var share = shares[share_id];
if(share) {
if(share.authenticated) {
shareMessage(share, share_ex,share_optsion);
} else {
share.authorize(function() {
shareMessage(share, share_ex,share_optsion);
}, function(e) {
console.log("认证授权失败:" + e.code + " - " + e.message);
});
}
} else {
mui.toast("无法获取分享服务,请检查manifest.json中分享插件参数配置,并重新打包")
}
});
}, 500)
function shareMessage(share, ex,optsion) {
var msg = {
extra: {
scene: ex
}
};
msg.href = optsion.share_path+"?master_id="+optsion.master_id;
msg.title = optsion.title;
msg.content = optsion.content;
if(~share.id.indexOf('weibo')) {
msg.content += ";体验地址:http://www.dcloud.io/hellomui/";
}
//msg.thumbs = ["_www/images/76x76.png"];
msg.thumbs=[optsion.images];
share.send(msg, function() {
//关闭分享
share_content.style.visibility = 'hidden';
//关闭蒙版
DOMmask.close();
console.log("分享到\"" + share.description + "\"成功! ");
}, function(e) {
console.log("分享到\"" + share.description + "\"失败: " + e.code + " - " + e.message);
//关闭分享
share_content.style.visibility = 'hidden';
//关闭蒙版
DOMmask.close();
});
}
mui.plusReady(function() {
plus.share.getServices(function(s) {
if(s && s.length > 0) {
for(var i = 0; i < s.length; i++) {
var t = s[i];
shares[t.id] = t;
}
}
}, function() {
console.log("获取分享服务列表失败");
});
});
[安装包]
联系方式
[QQ]
864173355
[电话]
0 个回复