更新记录

1.0.2（2023-05-09） 下载此版本

优化

1.0.1（2023-05-08） 下载此版本

优化

1.0.0（2023-05-08） 下载此版本

上传

平台兼容性

uni-app

其他

已内置uni-popup及uni-icons

props

emits

代码示例

<template>
  <view @click="showPopup">开启弹框</view>
  <mosowe-popup
    v-model="showPopupValue"
    title="test"
    showClose
    :loading="loading"
    closeIntercept
    cancelIntercept
    @confirm="confirmPopup"
    @cancel="cancelPopup"
    @close="closePopup">
    <view>11111</view>
  </mosowe-popup>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const showPopupValue = ref(false);
const loading = ref(false);
// 开启弹框
const showPopup = () => {
  showPopupValue.value = true;
};

// 关闭弹框
const closePopup = (close: any) => {
  uni.showModal({
    title: '确定关闭？',
    success: (res) => {
      if (res.confirm) {
        close();
      }
    }
  });
};

// 确认按钮点击
const confirmPopup = (close: any) => {
  loading.value = true;
  setTimeout(() => {
    loading.value = false;
    close();
  }, 1000);
};

// 取消按钮点击
const cancelPopup = (close: any) => {
  uni.showModal({
    title: '确定取消？',
    success: (res) => {
      if (res.confirm) {
        close();
      }
    }
  });
};
</script>

<style lang="scss" scoped></style>