前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >微信小程序:实现悬浮返回和分享按钮

微信小程序:实现悬浮返回和分享按钮

原创
作者头像
红色扛把子
修改于 2019-03-18 03:09:26
修改于 2019-03-18 03:09:26
3.5K0
举报
文章被收录于专栏:黑客秘密黑客秘密

效果图:

效果图.gif
效果图.gif

数据:

依赖微信小程序接口wx.redirectTo、onShareAppMessage来完成

跳转接口:

https://developers.weixin.qq.com/miniprogram/dev/api/wx.redirectTo.html?search-key=redirectTo

前端处理:

1.设置两个按钮 2。绑定对应的事件

wxml代码:

image.png
image.png

css代码:

image.png
image.png

###js 代码:

image.png
image.png
image.png
image.png

源码下载:https://pan.baidu.com/s/1GYntkS83UadLjUY9HgH1Lg,本文涉及代码存于/pages/test/test文件夹中。

小程序开发有兴趣的朋友可以关注我的公众号【红色扛把子】与我交流讨论。

公众号
公众号

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果图:
  • 数据:
    • 跳转接口:
  • 前端处理:
  • wxml代码:
  • css代码:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档