<template>
	<view class="order-status">
		<view class="status-lable">
			待支付
		</view>
		<view class="status-hint">
			请在<text class="time">28:22</text>内完成支付，超时订单将自动关闭
		</view>
	</view>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
	.order-status {
		background-color: #fff;
		padding: 35rpx 30rpx;

		.status-lable {
			font-size: 38rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			color: #1a1a1a;
			line-height: 53rpx;
			padding-bottom: 6rpx;
		}

		.status-hint {
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			color: #1a1a1a;
			line-height: 45rpx;
			display: flex;
			align-items: center;
			.time {
				padding: 0 5rpx;
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC-Bold;
				font-weight: 700;
				color: #ff0000;
			}
		}
	}
</style>