<template>
	<view class="queding">
		<view class="content">
			<view class="titles">
				温馨提示
			</view>
			<view class="hear">
				{{titleMsg}}
			</view>
			<view class="queding-bottom">
				<view class="queding-bottom-right" @click="cloSe">
					取消
				</view>
				<view class="queding-bottom-left" @click="oks">
					确定
				</view>
				
			</view>
		</view>
	</view>
</template>

<script setup>
import {defineProps,defineEmits} from 'vue';
	const props = defineProps(['titleMsg'])
const emits = defineEmits(['cloSe','oks'])

const cloSe = ()=>{
	emits('cloSe',3)
}
const oks = ()=>{
	emits('oks',3)
}
</script>

<style lang="scss">
	.queding {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 99999;
		background-color: rgba(0, 0, 0, 0.7);

		.content {
			position: absolute;
			width: 630rpx;
			height: 350rpx;
			background-color: white;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.titles {
				width: 100%;
				height: 44rpx;
				font-weight: 600;
				font-size: 32rpx;
				color: black;
				line-height: 44rpx;
				text-align: center;
				font-style: normal;
				margin-top: 58rpx;
			}

			.hear {
				width: 100%;
				height: 44rpx;
				line-height: 44rpx;
				text-align: center;
				font-size: 28rpx;
				box-sizing: border-box;
				// background-color: saddlebrown;
				margin-top: 32rpx
			}

			.queding-bottom {
				width: 100%;
				height: 108rpx;
				// background-color: red;
				// position: absolute;
				// bottom: 22rpx;
				margin-top: 62rpx;
				display: flex;
				justify-content: center;
				border-top: 1rpx solid #ccc;

				.queding-bottom-left {
					width: 50%;
					height: 108rpx;
					text-align: center;
					line-height: 108rpx;
					// background-color: #70b6f2;

					color: #70b6f2;
					letter-spacing: 5rpx;
					// border-radius: 15rpx 15rpx 15rpx 15rpx;
				}

				.queding-bottom-right {
					width: 50%;
					height: 108rpx;
					text-align: center;
					line-height: 108rpx;
					// background-color: #70b6f2;
					// border-radius: 15rpx 15rpx 15rpx 15rpx;
					margin-left: 20rpx;
					letter-spacing: 5rpx;
				}
			}

		}
	}
</style>