<template>
	<view class="uni-mask" :style="'height:' + windowheight + 'px;'">
		<view class="codeview">
			<view class="codetext">{{i18n.order.yigedingdanbeiquxiao}}}</view>
			<view class="inputrows row">
				<view  @click="sureok" class="surebtn2">{{i18n.sure}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		computed: {
			i18n() {
				return this.$t('index')
			},
		},
		data() {
			return {
				windowheight: 0,
			}
		},
		created() {
			this.windowheight = getApp().globalData.windowHeight

		},
		methods: {
			sureok() {
				this.$emit('ordercanclesure')
			}
		}
	}
</script>

<style>
	.uni-mask {
		position: fixed;
		z-index: 999;
		width: 750rpx;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.canclebtn {
		width: 92px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		color: #FFFFFF;
		border-radius: 21px;
		background-color: rgba(209, 209, 209, 1);
	}

	.surebtn {
		position: absolute;
		right: 0;
		width: 92px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		color: #FFFFFF;
		border-radius: 21px;
		background-color: #FF5725;
	}
	
	.surebtn2 {
		width: 92px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		color: #FFFFFF;
		border-radius: 21px;
		background-color: #FF5725;
	}

	.inputrows {
		position: relative;
		margin-top: 30px;
		width: 454rpx;
		margin-left: 60rpx;
		height: 60px;
		align-items: center;
		justify-content: center;
	}

	.codetext {
		color: rgba(50, 50, 50, 1);
		font-size: 16px;
		font-weight: bold;
		height: 50px;
		width: 454rpx;
		margin-left: 60rpx;
		margin-top: 40px;
	}

	.codeview {
		width: 574rpx;
		height: 196px;
		background-color: #FFFFFF;
		border-radius: 8px;
	}
	
</style>
