<template>
	<view class="u-m-l-32 u-m-r-32">
		<view class="u-m-t-48">
			<text class="u-font-40 bold-600">未付款</text>
			<text class="u-m-l-18">请在09分钟56秒内完成支付</text>
		</view>
		
		<view class="bg-white u-p-32 u-m-t-40 br8">
			<view class="row u-col-top">
				<view>
					<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="8"></u-image>
				</view>
				<view class="bold-600 u-font-32 u-m-l-16">煎饼果子套餐</view>
			</view>
			
			<view class="u-m-t-32">
				<view class="row-between text-attr">
					<view>商品总价</view>
					<view>￥130.00</view>
				</view>

				<view class="row-between text-attr mt10">
					<view>运费</view>
					<view>￥130.00</view>
				</view>
				
				<view class="row-between mt10">
					<view class="bold-600 u-font-28">需支付</view>
					<view class="primary">￥130.00</view>
				</view>
			</view>
		</view>
		
		<view class="bg-white u-p-32 u-m-t-40 br8">
			<view class="bold-600 u-font-28">保温盒地址</view>
			<view class="text-attr u-m-t-16">
				<view>孙婉宛</view>
				<view class="u-m-t-8">15271435646</view>
				<view class="u-m-t-8">站前北街4号顺义供电公司北50米</view>
			</view>
		</view>
		
		<view class="bg-white u-p-32 u-m-t-40 br8">
			<view class="bold-600 u-font-28">订单信息</view>
			<view class="text-attr u-m-t-16">
				<view>买家昵称：434343</view>
				<view class="u-m-t-8">订单编号：134213234122321232123</view>
				<view class="u-m-t-8">下单时间：2022-11-10 15:26:07</view>
			</view>
		</view>
		
		<view class="fixed row u-text-center btn-group">
			<view class="flex1 bg-white">取消订单</view>
			<view class="flex1 bg-default text-fff">立即支付</view>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss">
	.text-attr {
		color: #86909C;
	}
	
	.fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding-bottom: env(safe-area-inset-bottom);
	}
	
	.btn-group {
		height: 100rpx;
		line-height: 100rpx;
		
		& > view {
			height: 100rpx;
		}
	}
</style>