<template>
	<uni-popup ref="popupRef" :isMaskClick="false">

		<view class="popup-box">
			<view class="popup-title">
				下单确认
			</view>
			<view class="popup-content">
				确定要下单吗?
			</view>

			<view class="popup-btns">
				<view class="popup-btn" @click.stop="closePopup">
					取消
				</view>
				<view class="popup-btn">
					确定
				</view>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name: "unopen",
		data() {
			return {

			};
		},
		mounted() {
			// this.$refs.popupRef.open()
		},
		methods: {
			open() {
				this.$nextTick(() => {
					this.$refs.popupRef.open();
				})
			},
			closePopup(){
				this.$nextTick(() => {
					this.$refs.popupRef.close();
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.popup-box {
		width: 587rpx;
		background-color: #fff;
		border-radius: 12rpx;
		overflow: hidden;

		.popup-title {
			height: 90rpx;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			text-align: center;
			color: #1a1a1a;
			line-height: 90rpx;
			letter-spacing: 0.64rpx;
			border-bottom: 1rpx solid #e6e6e6;
		}

		.popup-content {
			padding: 34rpx 30rpx;
			min-height: 100rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			color: #1a1a1a; 
			text-align: center;
		}

 

		.popup-btns {
			padding: 0 30rpx 64rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.popup-btn {
				width: 245rpx;
				height: 75rpx;
				background: #ffffff;
				border: 1rpx solid #05c175;
				border-radius: 8px;
				text-align: center;
				line-height: 73rpx;
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				color: #05c175;
				letter-spacing: 0.64rpx;

				&+.popup-btn {    
					color: #ffffff;
					background-color: #05C175;
				}
			}
		}

	}
</style>