微信小程序悬浮按钮
目录
微信小程序悬浮按钮
在微信小程序开发过程中，我们一般会使用到类似android一样的布局，在页面的右下方固定一个悬浮。那么下面就简单讲解下如何具体的实现。
先上下效果图，这边可以看到右下方有个固定的悬浮按钮。设置一下图片的位置就可以实现这个效果了。
//wxss代码
.add_icon{
position: fixed;
width:42px;
height:42px;
bottom: 30px;
right: 20px;
}//wxml代码
<view bindtap='adddetial'>
<image class="add_icon" src="../../image/addicon.png"></image>
</view>//JS代码
adddetial: function () {
wx.navigateTo({
url: '../adddetial/adddetial',
success: function (res) { },
fail: function (res) { },
complete: function (res) { },
})
},好了，到这边就基本完成了，主要是一个position的设置哦！
Tip：实际项目中使用建议使用rpx代替px，1px大约是2rpx~