uniapp做小程序弹窗的显示与隐藏

要在 Uniapp 中实现小程序的弹窗显示与隐藏，你可以使用 `uni-modal` 组件。

首先在页面中引入 `uni-modal` 组件：

<template>
  <view class="content">
    <uni-modal ref="modal" :show="showModal" :title="modalTitle">
      <view slot="content">
        <!-- 弹窗内容 -->
      </view>
      <view slot="footer">
        <button @click="hideModal">取消</button>
        <button @click="confirmModal">确定</button>
      </view>
    </uni-modal>
  </view>
</template>

然后在 `script` 中定义 `showModal` 和 `modalTitle` 变量，以及对应的方法：

<script>
export default {
  data() {
    return {
      showModal: false,
      modalTitle: ''
    }
  },
  methods: {
    // 显示弹窗
    showModal(title) {
      this.modalTitle = title
      this.showModal = true
    },
    // 隐藏弹窗
    hideModal() {
      this.showModal = false
    },
    // 确认弹窗
    confirmModal() {
      // 确认操作
      this.showModal = false
    }
  }
}
</script>

在需要显示弹窗的地方，调用 `showModal` 方法即可：

<button @click="showModal('提示')">显示弹窗</button>

这样就可以实现在 Uniapp 中显示和隐藏小程序的弹窗了。