uni-ui 弹出层组件：uni-popup

uni-popup是Uni-app框架中的一种弹出层组件，它用于显示临时信息或者提供用户需要操作的选项。这个组件通常会在需要的时候动态地从屏幕的某个位置弹出，常见的应用场景有提示信息、确认对话框、下拉菜单等。uni-popup的特点包括：

1. **可定制性强**：uni-popup支持自定义样式，你可以设置背景色、标题、内容区域的颜色和布局，甚至可以添加图标和按钮。

2. **响应式设计**：uni-popup会根据设备的尺寸自动调整大小，适应不同的屏幕尺寸。

3. **交互性**：它通常包含关闭按钮，用户可以选择点击关闭或者执行特定的操作，如点击确定按钮完成某项任务。

4. **父子组件通信**：通过事件或者ref属性，主页面可以控制popup的行为，比如打开、关闭或者传递数据。

使用uni-popup的基本步骤如下：

import { uniPopup } from '@dcloudio/uni-app'

// 打开弹出层
uniPopup.open({
  title: '提示',
  content: '这是一个提示信息',
  success() {
    console.log('弹出层已打开')
  },
  cancel() {
    console.log('用户点击了取消')
  },
  showCancel: true, // 是否显示取消按钮，默认为true
  showClose: false, // 是否显示关闭按钮，默认为false
});