微信小程序——悬浮按钮

Posted 冰冰的小屋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序——悬浮按钮相关的知识,希望对你有一定的参考价值。

关键:    position: fixed;

wxml:

<navigator url="/pages/issue/index">
<image class=\'img\' src=\'/assets/images/Home/add.png\' bindtap=\'add\'></image>
</navigator>

wxss:

.img{
float: right;
position: fixed;
bottom: 120rpx;
right: 20rpx;
width: 80rpx;
height: 80rpx;
}

js:

add(e){
console.log(e);
},

学习至:(3条消息) 微信小程序-组件悬浮_BlessingXRY的博客-CSDN博客

 

以上是关于微信小程序——悬浮按钮的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序悬浮按钮

微信小程序——悬浮按钮

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

微信小程序 按钮效果

微信小程序添加悬浮在线客服会话按钮

Taro/微信小程序 底部按钮固定布局