1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序悬浮按钮

微信小程序悬浮按钮

时间:2020-07-02 14:21:37

相关推荐

微信小程序悬浮按钮

在微信小程序开发过程中,我们一般会使用到类似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~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。