uniapp+popup

UniApp是一种基于Vue.js的跨平台开发框架，可以用于同时开发iOS、Android和Web应用程序。而Popup则是UniApp中的一个组件，用于实现弹出框的功能。

Popup组件可以在页面中弹出一个浮动的窗口，常用于实现提示、确认框、菜单等功能。通过设置不同的属性和事件，可以自定义弹出框的样式和行为。

在UniApp中使用Popup组件，首先需要在页面中引入Popup组件，并在data中定义一个变量来控制弹出框的显示与隐藏。然后，在需要弹出框的地方使用Popup组件，并通过v-model绑定变量来控制弹出框的显示状态。

以下是一个简单的示例代码：

<template>
  <view>
    <button @click="showPopup">显示弹出框</button>
    <popup v-model="isPopupVisible" title="提示" @confirm="onConfirm" @cancel="onCancel">
      这是一个弹出框内容
    </popup>
  </view>
</template>

<script>
  import Popup from '@/components/Popup.vue';

  export default {
    components: {
      Popup
    },
    data() {
      return {
        isPopupVisible: false
      };
    },
    methods: {
      showPopup() {
        this.isPopupVisible = true;
      },
      onConfirm() {
        // 点击确认按钮的回调函数
        console.log('点击了确认按钮');
        this.isPopupVisible = false;
      },
      onCancel() {
        // 点击取消按钮的回调函数
        console.log('点击了取消按钮');
        this.isPopupVisible = false;
      }
    }
  };
</script>

在上述代码中，点击"显示弹出框"按钮时，会将isPopupVisible变量设置为true，从而显示弹出框。弹出框中有一个确认按钮和一个取消按钮，分别触发confirm和cancel事件，并调用对应的回调函数。