专栏首页黑客秘密微信小程序:实现悬浮返回和分享按钮
原创

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

效果图:

效果图.gif

数据:

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

跳转接口:

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

前端处理:

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

wxml代码:

image.png

css代码:

image.png

###js 代码:

image.png
image.png

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

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

公众号

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序添加悬浮在线客服会话按钮

      微信为小程序提供客服消息能力,小程序用户可以方便快捷地与小程序服务提供方进行沟通,并且已经做成了组件的形式,直接就可以调用。客服会话按钮,用于在页面上显示一...

    ytkah
  • 如何将操作按钮悬浮固定在微信小程序底部?

    本章节主要介绍了如何将操作按钮悬浮固定在微信小程序底部?操作起来也比较简单,还不会的朋友一起跟着小编学习一下吧,希望对你们有所帮助。

    林老师带你学编程
  • 微信小程序|可拖动悬浮窗的实现

    不管是小程序还是软件网页等,页面上的悬浮窗总是能够引起我们的注意,而一个悬浮窗的实现,在微信小程序开发的官方文档中,可将其理解为一个可移动视图容器,那么该使用什...

    算法与编程之美
  • HTML中怎么做悬浮框?

    悬浮框是什么?大家不一定清楚,但是说网站上怎么都关不完的小广告,估计人人都被它恶心过,不管你怎么滚动网页,这些小广告始终会出现在你的屏幕上。今天我们就来聊聊这些...

    用户8639654
  • 微信惊现类苹果手机「虚拟 Home 键」,等待 6 年的多任务功能来了

    知晓君
  • 小程序自定义单页面、全局导航栏

    产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的。

    Fundebug
  • 小程序自定义单页面、全局导航栏

    产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的。

    super.x
  • Android仿微信视屏悬浮窗效果

    在项目中需要对接入的腾讯云音视频,可以悬浮窗显示,悬浮窗可拖拽,并且在悬浮窗不影响其他的activity的焦点。

    砸漏
  • Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

    霖酱
  • 小程序 · 一周报

    微信新增了服务类小程序分类搜索。用户进入「发现-小程序」,点击搜索按钮,即可体验该搜索服务。

    极乐君
  • 实现微信小程序返回多级页面

    沈唁
  • Android桌面悬浮窗进阶,QQ手机管家小火箭效果实现

    今天是2013年的最后一天了,这里首先提前祝大家新年快乐!同时,本篇文章也是我今年的最后一篇文章了,因此我想要让它尽量有点特殊性,比起平时的文章要多一些特色。记...

    用户1158055
  • Android实现可移动的悬浮窗

    我们在很多android应用中可能会看到悬浮窗按钮,最多的应该就是360了,通过代码我们也可以实现这个功能

    Vaccae
  • 微信小程序版博客——文章详情页设计及问题汇总

    wxParse是将html格式的富文本内容转换成小程序可展示的内容的组件,在框架搭建那一篇文章中有提到。

    Bug生活2048
  • PPIICC:简洁易用的长截图工具

    美丽应用
  • FloatWindowUtils 实现及事件冲突解决详解

    悬浮窗即可以显示在宿主应用之外的 View 视图,理论上任何 View 都能以悬浮窗形式展示在宿主应用之外甚至锁屏界面,一般在工具类应用中使用的比较多,通过悬浮...

    SkyRiN
  • Flutter | 常用组件分类、概述、实战

    AppBar(title属性,Text组件; action:动作响应;!!!! titleSpacing:标题文字间距; toolbarOpa...

    凌川江雪
  • Simple Control:无需Root为设备添加导航栏

    美丽应用
  • Material Design — 按钮( Buttons)

    霖酱

扫码关注云+社区

领取腾讯云代金券