微信小程序悬浮按钮

  在微信小程序开发过程中，我们一般会使用到类似android一样的布局，在页面的右下方固定一个悬浮。那么下面就简单讲解下如何具体的实现。


效果图


先上下效果图，这边可以看到右下方有个固定的悬浮按钮。设置一下图片的位置就可以实现这个效果了。


js代码


wxml代码


wxss代码


好了，到这边就基本完成了，主要是一个position的设置哦！

Tip：实际项目中使用建议使用rpx代替px，1px大约是2rpx~

微信小程序悬浮按钮 - CSDN博客

CSDN：风起来的时光灬

公众号：风起来的时光灬

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 微信小程序学习资料
    转载链接 注：本文转载知乎上的回答 作者：初雪 链接：https://www.zhihu.com/question...
    pengshuangta阅读 29,054评论 9赞 295
  • 2018-03-17
    第一条短信，是十月份来青岛收到的。怎么清理短信也不舍的删。现在又到了青岛。老王，你不知道，我多想那个人是你。你不知道。
    蓬蓬蓬的毛毛熊阅读 1,098评论 2赞 0
  • 据说孩子常吃这3样东西，受益一生
    最近上下班的时候，发现地铁里多了很多的孩子。有一些很安静，有一些活泼，真是热闹的暑假啊！看着孩子们，想起前段时间看...
    ebc73c19248c阅读 1,131评论 0赞 0
  • 9月10日
    亲爱的老爸： 今天是教师节哦，你和老妈是我人生中的最初、最重要的老师，先谢谢二位。 你教给我的一切，足以让我受用一...
    老爸我很想你阅读 838评论 0赞 1