<template>
	<view class="flex-col page">
	  <text class="self-center text">确认兑换该优惠券</text>
	  <view class="mt-34 flex-row justify-between self-stretch">
	    <view class="flex-col justify-start items-center text-wrapper" @click="cancel"><text class="font text_2">取消</text></view>
	    <view class="flex-col justify-start items-center text-wrapper_2" @click="confirm"><text class="font text_3">确定</text></view>
	  </view>
	</view>
</template>

<script setup lang="ts">
	import {nextTick, onMounted, ref} from 'vue'
	import emitter from '../../../utils/emitter'
	import { onLoad } from "@dcloudio/uni-app";
	import { getFonts } from '../../../common/globalFont';
	onLoad(() => {
		getFonts()
	})
	const cancel = () => {
		emitter.emit('closeConfirmPopup')
	}
	
	const confirm = () => {
		emitter.emit('confirmExchange')
		emitter.emit('closeConfirmPopup')
	}
	
</script>

<style scoped lang="scss">
	.page {
	  padding: 65.83rpx 73.45rpx 58.78rpx;
	  background-color: #ffffff;
	  border-radius: 47.02rpx;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	}
	.text {
	  color: #000000;
	  font-size: 42.32rpx;
	  font-family: FZSongKeBenXiuKaiS-R-GB;
	  line-height: 41.17rpx;
	}
	.text-wrapper {
	  padding: 23.51rpx 0;
	  background-color: #d9d9d9;
	  border-radius: 47.02rpx;
	  width: 216.3rpx;
	  height: 84.64rpx;
	  margin-right: 30rpx;
	}
	.font {
	  font-size: 37.62rpx;
	  font-family: FZSongKeBenXiuKaiS-R-GB;
	  line-height: 35.41rpx;
	}
	.text_2 {
	  color: #000000;
	}
	.text-wrapper_2 {
	  padding: 23.51rpx 0;
	  background-color: #ffb6b9;
	  border-radius: 47.02rpx;
	  width: 216.3rpx;
	  height: 84.64rpx;
	  margin-left: 30rpx;
	}
	.text_3 {
	  color: #ffffff;
	  line-height: 35.13rpx;
	}
	@import url(../../../common/css/global.css);
</style>