微信小程序 固定按钮

在微信小程序中，固定按钮可以通过在页面的底部添加一个fixed的view来实现。以下是一个简单的示例：

1. 在wxml文件中，添加一个fixed的view，并设置它的样式，例如：

<view class="fixed-button">
  <button bindtap="handleClick">点击我</button>
</view>

2. 在wxss文件中，设置fixed view的样式，例如：

.fixed-button {
  position: fixed;
  bottom: 20px; /* 距离底部的距离 */
  left: 20px; /* 距离左侧的距离 */
  width: 100px; /* 按钮的宽度 */
  height: 50px; /* 按钮的高度 */
  background-color: #1aad19; /* 按钮的背景颜色 */
  color: #ffffff; /* 按钮的文字颜色 */
  border-radius: 8px; /* 按钮的圆角 */
  text-align: center; /* 文字居中 */
  line-height: 50px; /* 文字与按钮高度一致 */
}

3. 在js文件中，处理按钮的点击事件，例如：

Page({
  handleClick() {
    wx.showToast({
      title: '按钮被点击了',
      icon: 'success',
      duration: 2000
    });
  }
});

这样，当你在微信小程序中滑动到底部时，就可以看到一个固定的按钮。点击按钮后，会弹出一个提示框显示“按钮被点击了”。