微信公号分享样式。前端代码
引入weixin.js和jquery
<script src="~/Content/UI/js/jquery.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
wx.config({ debug: false, appId: ‘@ViewBag.m_sinfo.appId‘, timestamp: ‘@ViewBag.m_sinfo.timestamp‘, nonceStr: ‘@ViewBag.m_sinfo.nonceStr‘, signature: ‘@ViewBag.m_sinfo.signature‘, jsApiList: [‘updateAppMessageShareData‘, ‘updateTimelineShareData‘, ‘checkJsApi‘] });
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容
wx.updateAppMessageShareData({
title: ‘首页‘, // 分享标题
desc: ‘欢迎您的点击‘, // 分享描述
link: ‘http://www.xxx.cn/UI/index‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘http://www.xxx.cn/Content/UI/img/Share/logo.png‘, // 分享图标
success: function () {
console.log("恭喜您，分享成功");
},
cancel: function () {
console.log("分享取消");
},
fail: function (res) {
console.log("分享失败：" + res.errmsg);
}
});
//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
wx.updateTimelineShareData({
title: ‘首页‘, // 分享标题
desc: ‘欢迎您的点击‘, // 分享描述
link: ‘http://www.xxx.cn/UI/index‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘http://www.xxx.cn/Content/UI/img/Share/logo.png‘, // 分享图标
success: function () {
console.log("恭喜您，分享成功");
},
cancel: function () {
console.log("分享取消");
},
fail: function (res) {
console.log("分享失败：" + res.errmsg);
}
})
});
wx.error(function (res) {
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
console.log("执行出错：" + res.err_msg);
});
</script>