<template>
	<view class="modal-container" v-if="visible">
    <!-- 遮盖罩 -->
    <view class="modal-overlay" @click="close"></view>
    <!-- 提示栏内容 -->
    <view class="modal-content">
      <view class="modal-title">{{ title }}</view>
      <view class="modal-body">{{ content }}</view>
      <view class="modal-buttons">
        <button @click="onCancel" class="cancel-btn">{{ cancelText }}</button>
        <button @click="onConfirm" class="confirm-btn">{{ confirmText }}</button>
      </view>
    </view>
  </view>
</template>

<script>
	export default {
		props: {
			visible: Boolean,
			title: String,
			content: String,
			confirmText: String,
			cancelText: String
		},
		name:"hint",
		data() {
			return {
				item:'',
			};
		}
	}
</script>

<style>

</style>