微信小程序-页面悬浮按钮_微信小程序 一个置于所有页面上的按钮

wxml代码：

<button class="kf_button" bindtap='bindtapdianhua'>
    <image class="kf_image" src="../../image/dianhua.png"></image>
</button>

一个简单的悬浮按钮，添加了一个image做为样式。

css代码：

.kf_button{
  background-color: rgba(255, 255, 255, 0);
  border: 0px;
  height: 100rpx;
  right: 0;
  bottom: 20rpx;
  position: fixed;
}
.kf_button::after{
  border: 0px;
}
.kf_image{
  z-index: 9999;
  width: 100rpx;
  height: 100rpx;
}

设置按钮在屏幕的右下角。

js代码：

bindtapdianhua: function (e) {
    wx.makePhoneCall({
      phoneNumber: '4001680006',
    })
  }

设置点击按钮后触发的事件。

例子为拨打电话