当前位置: 首页 > news >正文

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

效果图:

效果图.gif

数据:

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

跳转接口:

https://developers.weixin.qq....

前端处理:

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

wxml代码:

image.png

css代码:

image.png

js 代码:

image.png

image.png

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

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

公众号

相关文章:

  • 巨杉中标渤海银行,股份制银行再下一城
  • python使用elasticsearch模块操作elasticsearch
  • “春节十二响”C语言代码开源了,你要提 PR 吗?
  • VS 2019要来了,是时候了解一下C# 8.0新功能
  • 北大AI公开课2019 | 雷鸣:人工智能革命与机遇
  • 基于Gitflow分支模型自动化Java项目工作流
  • centos7升级内核至最新
  • 什么软件可以剪辑音乐?
  • 初探 Vue 生命周期和钩子函数
  • 关于AWS的Firecracker,技术人应该知道的十件事
  • spring boot 2.0单元测试
  • ansible API 常用模块
  • 追踪解析 FutureTask 源码
  • 再次简单明了总结flex布局,一看就懂...
  • 倒计时3天,公链黑马YOUChain正式开启节点测试
  • canvas绘制圆角头像
  • Docker 笔记(2):Dockerfile
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • JavaScript DOM 10 - 滚动
  • JS数组方法汇总
  • vuex 学习笔记 01
  • 二维平面内的碰撞检测【一】
  • 使用 QuickBI 搭建酷炫可视化分析
  • 小程序 setData 学问多
  • 延迟脚本的方式
  • 通过调用文摘列表API获取文摘
  • 组复制官方翻译九、Group Replication Technical Details
  • #includecmath
  • #NOIP 2014# day.1 T2 联合权值
  • #pragma pack(1)
  • (1)(1.11) SiK Radio v2(一)
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (MATLAB)第五章-矩阵运算
  • (附源码)springboot太原学院贫困生申请管理系统 毕业设计 101517
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理第3章 信息系统治理(一)
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (四)c52学习之旅-流水LED灯
  • (一)基于IDEA的JAVA基础10
  • (译) 理解 Elixir 中的宏 Macro, 第四部分:深入化
  • (转)chrome浏览器收藏夹(书签)的导出与导入
  • (转)socket Aio demo
  • (转)菜鸟学数据库(三)——存储过程
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • .NET Core 2.1路线图
  • .net web项目 调用webService
  • .NET 中什么样的类是可使用 await 异步等待的?
  • .NETCORE 开发登录接口MFA谷歌多因子身份验证
  • .net打印*三角形
  • .net下的富文本编辑器FCKeditor的配置方法
  • .Net小白的大学四年,内含面经
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • @KafkaListener注解详解(一)| 常用参数详解
  • [ vulhub漏洞复现篇 ] struts2远程代码执行漏洞 S2-005 (CVE-2010-1870)
  • [ 英语 ] 马斯克抱水槽“入主”推特总部中那句 Let that sink in 到底是什么梗?