uniProject/pages/my/banbenConfirmDialog.vue

<!-- 生成题库弹窗 -->
<template>
 <uni-popup ref="tipBigPopup" :animation="false" :is-mask-click="false"
  mask-background-color="rgba(255, 255, 255, 0.6);">
  <view class="phone-tip-dialog sxtk-sc-dialog">
  <view class="tip-content-box">
   <view class="tip-title">{{title}}</view>
   <view class="tip-content sxtk-content" v-if="content">
	<view class="content-text">{{content}}</view>
   </view>
   <view class="tip-btn-box sxtk-btn-box">
    <view class="confirm-btn down-btn" @click="confirmBtn">下载到手机</view>
    <view class="not-confirm-btn cancel-btn" @click="handleClose">取消</view>
   </view>
  </view>
  </view>
 </uni-popup>
</template>

<script setup>
 import { ref } from 'vue';
 const props = defineProps({
   title: {
     type: String,
     default: '温馨提示'
   },
   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,
   handleClose
  })
</script>

<style>
</style>