请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

技术分享 web页面接入第三方分享方法

4
回复
2524
查看
[复制链接]

5

主题

25

帖子

150

积分

 楼主| 2018-7-21 16:03:43 显示全部楼层 |阅读模式
本帖最后由 管理员 于 2018-7-24 16:21 编辑

前言: 由于公司有产品需求,要在快应用里面接入web页面(文章详情)的第三方分享功能

1.   配置我就不说了,参考我的帖子,微信登录接入,来配置第三方 (微信,qq,新浪)

第三方接入,微信登录,微信登陆

https://bbs.quickapp.cn/forum.php?mod=viewthread&tid=817

2.
截图1.png

上面是嵌入的web页面,下面的是我自己加的按钮

样式我直接贴出来,省着自己写了

  1. <style>
  2.     .demo-page {
  3.         flex-direction: column;
  4.         justify-content: center;
  5.         align-items: center;
  6.     }

  7.     #loading {
  8.         width: 100%;
  9.         height: 100%;
  10.         display: none;
  11.     }

  12.     #loading label {
  13.         width: 100%;
  14.         text-align: center;
  15.     }

  16.     .open-bar {
  17.         padding: 20px;
  18.         flex-direction: row;
  19.         position: fixed;
  20.         bottom: 0;
  21.         width: 100%;
  22.         height: 105px;
  23.         background-color: #ffffff;
  24.         border: 1px solid #efefef;
  25.     }

  26.     .open-btn {
  27.         width: 30%;
  28.         background-color: #f1f1f1;
  29.         color: #333333;
  30.         margin: 0 20px;
  31.         font-size: 24px;
  32.     }
  33. </style>
复制代码

3.配置 manifest.json

2.png

说明一下wxkey:就是appid
4.写个方法,搞定
3.png

5.效果

4.png 5.png


有道云笔记:http://note.youdao.com/noteshare ... f8b7b8b26edcc5577e9

如果对你有帮助能不能回复个666


回复

使用道具 举报

0

主题

1

帖子

5

积分

2018-7-23 09:43:06 显示全部楼层
666
回复

使用道具 举报

7

主题

12

帖子

95

积分

2018-7-24 08:47:25 显示全部楼层
666
回复

使用道具 举报

7

主题

159

帖子

830

积分

2018-11-26 11:14:35 显示全部楼层
666
回复

使用道具 举报

4

主题

9

帖子

65

积分

QQ
2019-8-31 18:36:25 显示全部楼层

点击右上角那3个点怎么分享,求赐教
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册