找回密码
 立即注册
搜索

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

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

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
回复

使用道具 举报

8

主题

12

帖子

95

积分

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

使用道具 举报

8

主题

174

帖子

910

积分

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

使用道具 举报

11

主题

31

帖子

210

积分

QQ
2019-8-31 18:36:25 显示全部楼层
点击右上角那3个点怎么分享,求赐教
回复

使用道具 举报

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