更新记录

1.0.0（2025-09-19） 下载此版本

1.0.0

平台兼容性

uni-app(4.76)

依耐Popup 弹出层

组件名：uni-popup 代码块： custom-popup 关联组件：uni-popup 需要安装 uni-popup ,如果需自定义修改组件外层浮动

 <custom-popup 
  ref="popupRef" 
  :options="{
        statustxt: '操作成功',
        type: 'chenggong',   
        color: '#67C23A',    
        canceltxt: '确定',
        closetxt:'取消',
        title: '温馨提示'  
    }"
  @affirm="handleAffirm"
></custom-popup>
vue3 
<script setup lang="ts">
import { ref } from 'vue'
const options = ref({
    statustxt: '操作成功',
    type: 'chenggong',   
    color: '#67C23A',    
    canceltxt: '确定',
    closetxt:'取消',
    title: '温馨提示'  
})
// 1. 获取弹窗组件实例
const popupRef = ref(null)

// 2. 打开弹窗（调用组件暴露的initialize方法，可传参）
const openPopup = () => {
  console.log('点击')
  popupRef.value.initialize(123) // 传参123（将在affirm事件中返回）
}
// 3. 监听弹窗的确定按钮事件（接收组件传参）
const handleAffirm = (param: number) => {
  console.log("弹窗确定按钮被点击，组件传参：", param) // 输出：123
  uni.showToast({ title: `收到参数：${param}` })
}
</script>
vue2
<script>
export default {
  data() {
    return {
      // 定义弹窗配置选项
      options: {
        statustxt: '操作成功',
        type: 'chenggong',   
        color: '#67C23A',    
        canceltxt: '确定',
        closetxt: '取消',
        title: '温馨提示'  
      }
    }
  },
  methods: {
    // 打开弹窗（调用组件暴露的initialize方法，可传参）
    openPopup() {
      console.log('点击')
      this.$refs.popupRef.initialize(123) // 传参123（将在affirm事件中返回）
    },
    // 监听弹窗的确定按钮事件（接收组件传参）
    handleAffirm(param) {
      console.log("弹窗确定按钮被点击，组件传参：", param) // 输出：123
      uni.showToast({ title: `收到参数：${param}` })
    }
  }
}
</script>

@affirm 接收返回参数