帮我使用uniapp 实现一个底部悬浮的按钮

1. 首先，在 uniapp 的页面中，创建一个底部悬浮的按钮组件，可以使用 `view` 元素和 `css` 样式来实现。
2. 然后，在需要显示底部悬浮按钮的页面中，引入该组件，并将其放置在页面底部。
3. 在组件的 `methods` 中添加点击事件，实现按钮的点击功能。
4. 在组件的 `computed` 中设置按钮的位置，可以使用 `uni.getSystemInfoSync()` 获取屏幕信息，再根据屏幕宽度和高度计算按钮的位置。
5. 最后，在页面中使用该组件即可实现底部悬浮按钮功能。

以下是示例代码：

<template>
  <view class="float-button" :style="{bottom: bottom + 'px', right: right + 'px'}" @click="onClick">
    <text>+</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      bottom: 20,
      right: 20
    };
  },
  methods: {
    onClick() {
      console.log('Button clicked!');
    }
  },
  computed: {
    screenWidth() {
      return uni.getSystemInfoSync().windowWidth;
    },
    screenHeight() {
      return uni.getSystemInfoSync().windowHeight;
    }
  }
};
</script>

<style>
.float-button {
  position: fixed;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #f00;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 36px;
}
</style>