微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。
一、可定义的信息
1、分享时显示的LOGO;
2、分享LOGO的宽度;
3、分享LOGO的高度;
4、分享出去显示的标题(默认调用网页标题);
5、分享出去显示的描述(默认调用网页标题);
6、分享链接(默认为当前页面的URL)。
7、分享微信的APPID(一般为空)。
二、使用方法
1、引入微信分享组件js:
/* * Author:Mr LQS * Description:微信分享通用代码 * 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链 * 接','微信APPID(一般不用填)'); */ function _WXShare(img,width,height,title,desc,url,appid){ //初始化参数 img=img||'http://a.zhixun.in/plug/img/ico-share.png'; width=width||100; height=height||100; title=title||document.title; desc=desc||document.title; url=url||document.location.href; appid=appid||''; //微信内置方法 function _ShareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ 'appid': appid, 'img_url': img, 'img_width': width, 'img_height': height, 'link': url, 'desc': desc, 'title': title }, function(res){ _report('send_msg', res.err_msg); }) } function _ShareTL() { WeixinJSBridge.invoke('shareTimeline',{ 'img_url': img, 'img_width': width, 'img_height': height, 'link': url, 'desc': desc, 'title': title }, function(res) { _report('timeline', res.err_msg); }); } function _ShareWB() { WeixinJSBridge.invoke('shareWeibo',{ 'content': desc, 'url': url, }, function(res) { _report('weibo', res.err_msg); }); } // 当微信内置浏览器初始化后会触发WeixinJSBridgeReady事件。 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 发送给好友 WeixinJSBridge.on('menu:share:appmessage', function(argv){ _ShareFriend(); }); // 分享到朋友圈 WeixinJSBridge.on('menu:share:timeline', function(argv){ _ShareTL(); }); // 分享到微博 WeixinJSBridge.on('menu:share:weibo', function(argv){ _ShareWB(); }); }, false); }
2、在页面底部或共用js中,初始化执行:
_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID
(一般不用填)');
3、可通过动态定义【分享链接】,实现每次分享出去的链接不同;
相关推荐
主要介绍了微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义,需要的朋友可以参考下
微信小程序通用弹窗组件
微信小程序 树形菜单组件 v2 需属性传值 listData(树形菜单数据) listData数据格式:[{title:'A层级菜单1',children:[]},{title:'A层级菜单2',children:[]}] 使用: <wxTreeList listData="{{listData}}"></...
1、后台管理系统框架模板 2、阿里内部 控件库AntD_...6、微信WeUI 高保真 完整组件Axure元件库(app元件库) weax分享版_v1 7、FontAwesome图标元件库V5.5.0版.zip 8、Google材质设计Axure控件库收费版 120美刀.rar
压缩包里面包含icon.css和main.css两个文件,是colorUI组件库的通用css,自行新建一个文件夹存在,从微信小程序的全局样式那引入即可
微信小程序 F2 自定义图表组件
Mars 是微信官方的终端基础组件,是一个使用 C 编写的业务性无关、平台性无关的基础组件。目前已接入微信 Android、iOS、Mac、Windows、WP 等客户端。主要包括以下几个部分:COMM:基础库,包括socket、线程、消息...
分享一个常用的微信小程序UI组件库直接导入到微信开发者工具即可拿来使用方面很全面
1、该瀑布流已经封装成组件,直接调用即可使用,方便简单快捷。 2、适用于直播、图片、文章展示等。 3、里面包含:组件、图片效果展示、使用方法。
结合ec-canvas,封装的通用的echarts图表,用来初始化图表与在此渲染图表
基于微信小程序构建的web应用系统,适合毕业设计、课程设计及大作业等。 基于微信小程序构建的web应用系统,适合毕业设计、课程设计及大作业等。 基于微信小程序构建的web应用系统,适合毕业设计、课程设计及大...
在一个完整带用户交互的小程序项目开发中,总会遇到分享这个功能,转发给好友用通用的api方法,分享朋友圈总是有各种各样的招式,一般的交互方案是生成一个带二维码的图,二维码有时候也分带参数和默认的。...
扩展体现在,除了基础的元件组件外,这套作品设计制作了比官方更丰富的元件组件,并整合了一些移动端通用的元件组件(比如键盘、手机状态栏等)。此外,这套作品中还提供了很多常见类别产品的案例页面模板,帮助你...
微信小程序做的一款通用的商城,下载下来就能直接运行。里面封装了很多通用组件,非常值得学习和使用,也适合做毕业设计。学习、毕业设计、商用都可以
泰格至尊开通微信支付和支付宝需要的中间件,需要安装.net framework3.0以上组件
微信小程序动态添加一个表单模块,直接拷贝就能使用 动态添加组件 里面用到了TDesign外部框架,需要npm install 一下 很多项目都通用的功能,动态添加的view包含,input、datepikcer,checkBox多项内容 案例可借鉴性...
导致现在回来写angular项目时也想整一个这样的组件出来,本文就将使用angular的组件能力和服务能力完成这么一个比较通用,耦合度较低的swiper出来。 首先要选择使用的技术,要实现的是与界面打交道的东西,自然是...
100套元件库超全 部件库 部件库 格式 功能表单 脚本扩展 界面控件 ...微信小程序元件库 Axure数据可视化图表组件库包含全国地图 ipad.rp iPhone手机模型元件 iphone元件库(全) WEB端原型通用元件库
通过在app.js中初始化代码后,在任何js中直接调用, 开发的目的在于以后拓展以及自定义样式比较方便,调用也很方便,不需要写大量冗余代码。 app.toast.success('success') 复制代码 app.modal.confirm(...