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

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

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

效果图:

效果图.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代码:
    相关产品与服务
    云开发 CloudBase
    云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档