uniapp右下角添加悬浮按钮和弹窗

要在uniapp中添加右下角的悬浮按钮和弹窗，你可以使用uni-ui中的fab按钮来实现。首先，在页面的template中添加fab按钮，如下所示：

<template>
  <view>
    <!-- 页面内容 -->
    <fab class="fab" icon="add" @click="showDialog"></fab>
    <dialog :show="show" :title="title" @confirm="onConfirm" @cancel="onCancel">
      <!-- 弹窗内容 -->
    </dialog>
  </view>
</template>

其中，`fab`为悬浮按钮，`dialog`为弹窗组件。在`script`中，需要定义`data`中的`show`变量，控制弹窗的显示和隐藏，以及`methods`中的`showDialog`、`onConfirm`、`onCancel`方法，分别用于显示弹窗、确认操作和取消操作。

<script>
  export default {
    data() {
      return {
        show: false, // 控制弹窗显示隐藏
        title: '弹窗标题' // 弹窗标题
      }
    },
    methods: {
      showDialog() {
        this.show = true;
      },
      onConfirm() {
        // 确认操作
        this.show = false;
      },
      onCancel() {
        // 取消操作
        this.show = false;
      }
    }
  }
</script>

最后，通过样式定义将悬浮按钮定位到右下角。

<style>
  .fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
  }
</style>

这样就可以在uniapp中实现右下角的悬浮按钮和弹窗了。