tnblog
首页
视频
资源
登录

mui分享操作

2481人阅读 2019/11/25 12:16 总访问:5210 评论:0 收藏:1 手机
分类: 前端mui

mui分享操作

首先给点击事件一个id或者class标识 -->share


然后我们直接写js代码


  1. //分享操作
  2. var shares = {};
  3. mui.plusReady(function({
  4. plus.share.getServices(function(s{
  5. if (s && s.length > 0) {
  6. for (var i = 0; i < s.length; i++) {
  7. var t = s[i];
  8. shares[t.id] = t;
  9. }
  10. }
  11. }, function({
  12. console.log("获取分享服务列表失败");
  13. });
  14. });
  15.  //分享链接点击事件
  16. mui("body").on("tap",".share",function(){
  17. var ids = [{
  18. id"weixin",
  19. ex"WXSceneSession"
  20. }, {
  21. id"weixin",
  22. ex"WXSceneTimeline"
  23. }, {
  24. id"qq"
  25. }],
  26. bts = [{
  27. title"分享给微信好友"
  28. }, {
  29. title"分享到朋友圈"
  30. }, {
  31. title"分享到QQ好友"
  32. }];
  33. plus.nativeUI.actionSheet({
  34. cancel"取消",
  35. buttons: bts
  36. }, function(e{
  37. var i = e.index;
  38. if (i > 0) {
  39. var s_id = ids[i - 1].id;
  40. var share = shares[s_id];
  41. if (share.authenticated) {
  42. shareMessage(share, ids[i - 1].ex);
  43. else {
  44. share.authorize(function({
  45. shareMessage(share, ids[i - 1].ex);
  46. }, function(e{
  47. console.log("认证授权失败:" + e.code + " - " + e.message);
  48. });
  49. }
  50. }
  51. });
  52. });
  53. function shareMessage(share, ex{
  54. var aticleContent=$("body").find(".aticleContent").text();
  55. var msg = {
  56. extra: {
  57. scene: ex
  58. }
  59. };
  60. msg.href = "http://m.tnblog.net/"+usernames+"/article/details/"+aticleid;//链接URL
  61. msg.title = $("body").find(".aticleTitle").html();//分享链接的标题
  62. msg.content = aticleContent.substring(0,100);//这是再要内容
  63. //msg.thumbs是缩略图
  64. msg.thumbs = ["https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/86d6277f9e2f0708cf4e3d7ee624b899a901f201.jpg"];
  65. share.send(msg, function({
  66. console.log("分享到\"" + share.description + "\"成功! ");
  67. }, function(e{
  68. console.log("分享到\"" + share.description + "\"失败: " + e.code + " - " + e.message);
  69. });
  70. }


评价

mui学习一 :hbuilderx常用快捷键

Dg:document.getElementById(&quot;&quot;)Dq:document.querySelectorAll(&quot;&quot;)Clog: console.log();

mui学习二: 调试状态看console.log等

看console.log上面点击一下即可也可以在浏览器上看把连接复制上去即可这样就可以了

mui学习三: mui事件

点击事件在浏览器上不行的问题mui的tag事件在浏览器上调试是不行的,要使用模拟器或者真机调试才行当然click事件还是可以执...

mui中的的意思

其实就是mui的别名而已//代码开始(function($, doc) { $.init();})(mui, document);//代码结束上面的$是mui的别名

mui轮播图与显示小圆点

html:&lt;divclass=&quot;mui-slider&quot;&gt; &lt;divclass=&quot;mui-slider-groupmui-slider-loop&quot;&gt; &lt;...

mui框架-移动端跳转以及传值的简单方法(修改解决方法)

纠结了两天的MUI跳转的问题,终于解决了 ,现在分享给大家,希望大家有什么坑的解决也给我分享分享 哈哈,废话不多说,上代...

mui页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

mui与vue.js结合实现上拉加载

我们在使用mui与vue.js结合起来的时候会导致上拉加载失败,是因为vue.js生成的时候影响了demo节点,我们只要先用vue初始化...

mui上拉加载的坑

首先是和vue.js结合起来用容易出现的坑:http://www.tnblog.net/aojiancc/article/details/2838要注意html结构:这两个样式...

mui 点击上拉加载

首先在想获取加载下一页数据时的div外设置一个想要加载的div如:&lt;divclass=&quot;mui-content-padded&quot;style=&quot;...

mui 页面传值

根据想要传的值来传到对应的页面去像这样的&lt;divclass=&quot;am-list-main&quot;&gt; &lt;h3class=&quot;am-list-item-h...

mui页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

mui-app之评论

//显示数据的布局页面 //因为涉及到评论人和回复人所以要绑定两次数据具体如下 &lt;divid=&quot;comment&quot;v-for=&quo...

mui框架页面间的传值指针

把时髦的技术挂在嘴边,不如把过时的技术记在心里。 今天我们说的是关于MUI,一个封装了Html5+的框架间页面传值问题一,在h...

mui 关于点击事件失效的一些原因

有时候我们总会遗忘一些小细节,老是怨天怨电脑,这不行那不行的,凡是都是要细心,成功还是得看细节。所以说,以后我们敲...

mui地址栏传值的方法

地址栏传值与接收值摘要:也是种传值的方式第一步 :输入你要传值的内容location.href=&quot;main.html?Username=&quot;+$...
App修改之后的个性签名喔😲怎么样?哈哈
排名
104
文章
2
粉丝
9
评论
1
mui分享到朋友圈
剑轩 : 哇哦
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术