|
@@ -0,0 +1,66 @@
|
|
|
+<template>
|
|
|
+ <uni-popup ref="commonPopup" :animation="false" :is-mask-click="false"
|
|
|
+ mask-background-color="rgba(0, 0, 0, 0.4)">
|
|
|
+ <view class="phone-common-dialog">
|
|
|
+ <view class="common-body-box">
|
|
|
+ <view class="common-title">{{title}}</view>
|
|
|
+ <view class="common-content" :class="dialogContentClass">{{content}}</view>
|
|
|
+ <view class="common-btn-box">
|
|
|
+ <view class="confirm-btn" @click="confirmBtn">{{okBtn}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+ import { ref } from 'vue';
|
|
|
+ const props = defineProps({
|
|
|
+ title: {
|
|
|
+ type: String,
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ content: {
|
|
|
+ type: String,
|
|
|
+ require: true,
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ dialogContentClass: {
|
|
|
+ type: String,
|
|
|
+ require: true,
|
|
|
+ default: 'content-center-class'
|
|
|
+ },
|
|
|
+ notBtn: {
|
|
|
+ type: String,
|
|
|
+ require: true,
|
|
|
+ default: '取消'
|
|
|
+ },
|
|
|
+ okBtn: {
|
|
|
+ type: String,
|
|
|
+ require: true,
|
|
|
+ default: '确认'
|
|
|
+ },
|
|
|
+ });
|
|
|
+ const commonPopup = ref(null); // 索引
|
|
|
+ const $emit = defineEmits(['confirm-btn'])
|
|
|
+ // 打开弹窗
|
|
|
+ function handleShow() {
|
|
|
+ commonPopup.value.open();
|
|
|
+ }
|
|
|
+ // 取消
|
|
|
+ function handleClose() {
|
|
|
+ commonPopup.value.close();
|
|
|
+ }
|
|
|
+ // 确认
|
|
|
+ function confirmBtn(){
|
|
|
+ $emit('confirm-btn');
|
|
|
+ commonPopup.value.close();
|
|
|
+ }
|
|
|
+ defineExpose({
|
|
|
+ handleShow,
|
|
|
+ handleClose
|
|
|
+ })
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+</style>
|