uniapp 写一个弹窗

好的，下面是使用 uniapp 写一个弹窗的简单示例代码：

1. 在需要弹窗的页面中引入 uni-popup 组件：

<template>
  <view>
    <uni-popup ref="popup" :show="showPopup" @click="closePopup">
      <view slot="popup">
        // 弹窗内容
      </view>
    </uni-popup>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        showPopup: false // 控制弹窗显示隐藏
      };
    },
    methods: {
      openPopup() {
        this.showPopup = true;
      },
      closePopup() {
        this.showPopup = false;
      }
    }
  };
</script>

2. 在需要触发弹窗的按钮或其他元素中调用 openPopup 方法：

<template>
  <view>
    <button @click="openPopup">打开弹窗</button>
  </view>
</template>

<script>
  export default {
    methods: {
      openPopup() {
        this.$refs.popup.open();
      }
    }
  };
</script>

3. 可以根据需要自定义弹窗的样式和内容，比如添加动画效果、设置弹窗位置等。

以上就是一个简单的 uniapp 弹窗示例，希望能对你有帮助。