微信小程序悬浮按钮
2018-04-19 本文已影响151人
WindyMing
在微信小程序开发过程中,我们一般会使用到类似android一样的布局,在页面的右下方固定一个悬浮。那么下面就简单讲解下如何具体的实现。
![](https://img.haomeiwen.com/i6635619/fd6648147f6a4586.png)
先上下效果图,这边可以看到右下方有个固定的悬浮按钮。设置一下图片的位置就可以实现这个效果了。
![](https://img.haomeiwen.com/i6635619/5bf8b37e10f0efb3.png)
![](https://img.haomeiwen.com/i6635619/883d4b3ee715c26f.png)
![](https://img.haomeiwen.com/i6635619/5c9e1d19b8c0fa7a.png)
好了,到这边就基本完成了,主要是一个position的设置哦!
Tip:实际项目中使用建议使用rpx代替px,1px大约是2rpx~
CSDN:风起来的时光灬
公众号:风起来的时光灬