uniProject/components/dialog/tipBigDialog.vue

<!-- 大弹窗 三~四行文字 -->
<template>
 <uni-popup ref="tipBigPopup" :animation="false" :is-mask-click="false"
  mask-background-color="rgba(255, 255, 255, 0.6);">
  <view class="ezy-tip-dialog tip-big-dialog">
  <view class="tip-content-box">
   <view class="tip-title">{{title}}</view>
   <view class="tip-content" v-if="content">{{content}}</view>
   <view class="tip-img" v-if="imgShow"></view>
   <view class="tip-btn-box">
    <view class="not-confirm-btn" @click="handleClose"></view>
    <view class="confirm-btn" @click="confirmBtn"></view>
   </view>
  </view>
  </view>
 </uni-popup>
</template>

<script setup>
 import { ref } from 'vue';
 const props = defineProps({
   title: {
     type: String,
     default: '提示'
   },
   imgShow: {
    type: Boolean,
    default: false,
   },
   content: {
     type: String,
     default: ''
   },
 });
 const tipBigPopup = ref(null); // 索引
 const $emit = defineEmits(['confirm-btn'])
 // 打开弹窗
 function handleShow() {
  tipBigPopup.value.open();
 }
 // 取消
 function handleClose() {
  tipBigPopup.value.close();
 }
 // 确认
 function confirmBtn(){
  $emit('confirm-btn');
  tipBigPopup.value.close();
 }
 defineExpose({
   handleShow
  })
</script>

<style>
</style>